✅作者简介：大家好我是hacker707,大家可以叫我hacker，新星计划第三季python赛道Top1?
?个人主页：hacker707的csdn博客
?系列专栏：带你玩转Vue
?推荐一款模拟面试、刷题神器?点击跳转进入网站
写在前面
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