写在前面

csdn话题挑战赛第1期

活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f

参赛话题：前端面试宝典

话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在it事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的solo面试官，如果你是面试官：你就可以将应聘者拷问到骨子里！
总之我们大家一起将自己的面试经验以及学习到的知识点汇聚于此，形成一套体系的前端面试宝典。让读者无论是面试还是学习都能够有非常大的收获。就让我们携手共筑前端面试宝典吧！！！

创作模板：

携手共筑前端面试宝典
题目一
考点
答案
题目二
考点
答案
题目三
考点
答案
题目四
考点
答案
题目一
vue如何添加自定义指令

考点
考察对vue添加自定义指令方法的掌握

答案
添加自定义指令的两种方式：
全局指令： 通过 vue.directive() 函数注册一个全局的指令。
局部指令：通过组件的 directives 属性，对该组件添加一个局部的指令。

题目二
vue框架有哪些优点，为什么前端人都喜欢vue

考点
了解vue的优点才能更加方便使用vue框架

答案
vue的优点
轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十 kb ；
简单易学：vue是由国人开发出来的，易于理解和学习(不用学习令人头疼的英语）
双向数据绑定：延续了angular 的特点，在操作数据封面更加容易
组件化：延续了react的优点，实现html的封装和重用，在构建单页面应用方面有着相当明显的优势
数据和结构的分离：数据和结构分离，只需要操作数据就能完成操作，不需要对代码进行修改，使数据更改变得so easy
使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；
虚拟dom：dom操作十分耗能，不再使用原生的dom，而且使用虚拟的dom进行操作
运行速度更快：跟react进行比较，同样是操作虚拟 dom ，就性能而言， vue的运行速度存在很大的优势(速度快才是真的快)

题目三
vue响应式原理是什么

考点
理解vue响应式原理是怎样工作的

答案
响应式：当数据改变后，vue会通知使用该数据的代码
比如说：视图渲染使用了一个数据
那么当这个数据改变后，视图会响应式的自动更新
vue 它是通过那个object.defineproperty()来更新定义 data中的所有属性

题目四
vuex是什么，vuex有哪几种属性

考点
熟悉掌握vuex的使用，并熟记vuex有哪些属性

答案
vuex是什么
vuex 是一个专为 vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
vuex有哪些属性
vuex有五种属性分别是state、getters、mutations、action、modules

属性    描述
state    存放数据状态，不可以直接修改里面的数据
getters    类似vue的计算属性，主要用于过滤数据
mutations    mutations定义的方法动态修改vuex 的 store 中的状态或数据
action    将mutation里面处理数据的方法变成可异步处理数据的方法，简单的说就是异步操作数据
modules    项目特别复杂的时候，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。
写在最后

csdn话题挑战赛第1期

活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f
原文链接：https://blog.csdn.net/xqe777/article/details/124692250