（掌握）简单说下setTimeout(fn, 0)中的0代表的是什么？如果我想在vue实现此功能可以用什么方法代替
js运行是基于单线程的，意味着一段代码执行时，其他代码将进入队列等待，一旦线程有空闲就执行后续代码。如果代码中设定了一个setTimeout，那么浏览器便会在合适的时间，将代码插入任务队列，如果这个时间设为 0，就代表立即插入队列，但并不是立即执行，仍然要等待前面代码执行完毕。
所以setTimeout 并不能保证执行的时间，是否及时执行取决于 JavaScript 线程是拥挤还是空闲。
可以用Vue中的nextTick是Vue的DOM更新队列的下一次更新完成时触发，也是能够确保DOM更新完毕，如果环境不支持的时候其实就是setTimeout(fn, 0)。
#（掌握）用Vue实现样式绑定，可以用class或者内联样式，最少写出2个？
#（掌握）el的用法
ref 有三种用法：
1、ref 加在普通的元素上，用this.$refs（ref值） 获取到的是dom元素。
2、ref 加在子组件上，用 this.refs.XX。
vm.$el：
获取Vue实例关联的DOM元素；
比方说我这里想获取自定义组件tabControl，并获取它的OffsetTop，就需要先获取该组件。
在组件内设置 属性 ref='一个名称(tabControl2)', 然后 this.$refs.tabControl2，就拿到了该组件
切记：ref属性，而获取组件的时候要用$refs
获取 OffsetTop，组件不是DOM元素，是没有OffsetTop的，无法通过.OffsetTop来获取的。就需要通过$el来获取组件中的DOM元素:
this.tabOffsetTop=this.$refs.tabControl2.$el.offsetTop
#（掌握）一、简述Vue的生命周期
常用的有8个（生命周期不仅仅是8个），都是成对出现。分别是： beforeCreate阶段、created阶段； beforeMount阶段、mounted阶段； beforeUpdate阶段、updated阶段； beforeDestroy阶段、destroyed阶段； 分别为：创建前/后，载入前/后，更新前/后，销毁前/后。
#（掌握）二、第一次页面加载会触发哪几个钩子？
beforeCreate, created, beforeMount, mounted
#（掌握）三、Vue实现数据双向绑定的原理
vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty（）来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时，Vue 将遍历它的属性，用 Object.defineProperty 将它们转为 getter/setter。用户看不到 getter/setter，但是在内部它们让 Vue 追踪依赖，在属性被访问和修改时通知变化。
vue的数据双向绑定 将MVVM作为数据绑定的入口，整合Observer，Compile和Watcher三者，通过Observer来监听自己的model的数据变化，通过Compile来解析编译模板指令（vue中是用来解析 {{}}），最终利用watcher搭起observer和Compile之间的通信桥梁，达到数据变化 —>视图更新；视图交互变化（input）—>数据model变更双向绑定效果。
#（掌握）四、简单实现双向数据绑定
#（掌握）六、简单讲述vuex
vuex是专门为vue.js提供的一种状态管理模式，它采用的是集中式储存和管理所有组件的状态和数据，方便使用。
Vex有5种属性，分别是 state、getter、mutation、action、module：
1、state
Vuex 使用单一状态树,即每个应用将仅仅包含一个store 实例，但单一状态树和模块化并不冲突。存放的数据状态，不可以直接修改里面的数据。
2、getters
类似vue的计算属性，主要用来过滤一些数据。
3、mutations
mutations定义的方法动态修改Vuex 的 store 中的状态或数据。
4、actions
actions可以理解为通过将mutations里面处里数据的方法变成可异步的处理数据的方法，简单的说就是异步操作数据。view 层通过 store.dispath 来分发 action。
const store = new Vuex.Store({ //store实例
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
}
},
actions: {
increment (context) {
context.commit('increment')
}
}
})
5、modules
项目特别复杂的时候，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。
const moduleA = {
state: { ... },
mutations: { ... },
actions: { ... },
getters: { ... }
}
const moduleB = {
state: { ... },
mutations: { ... },
actions: { ... }
}
const store = new Vuex.Store({
modules: {
a: moduleA,
b: moduleB
}
})
#（掌握）七、vue如何自定义一个过滤器
1、局部过滤器
Html：
{{msg| 过滤器名称 }}
JS：
var vm=new Vue({
el:"#app",
data:{
msg:''
},
filters: {
过滤器名称: function (value) {
if (!value) return ''
...
return value
}
}
})
2、全局过滤器
Vue.filter('过滤器名称', function (value) {
if (!value) return ''
...
return value
})
#（掌握）八、对keep-alive 的了解？
keep-alive 包裹动态组件时，会缓存不活动的组件实例,主要用于保留组件状态或避免重新渲染。
使用方法：
#（掌握）十一、Vue 组件 data 为什么必须是函数
每个实例可以维护一份被返回对象的独立的拷贝。data是一个函数的话，这样每复用一次组件，就会返回一份新的data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份data，就会造成一个变了全都会变的结果。
#（掌握）十二、Vue 中怎么自定义指令
1、全局注册
// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
// 聚焦元素
el.focus()
}
})
2、局部注册
directives: {
focus: {
// 指令的定义
inserted: function (el) {
el.focus()
}
}
}
#（掌握）十三、nextTick 是做什么的
$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的DOM。
#（掌握）十四、$route 和 $router 的区别
$router 为 VueRouter 实例，想要导航到不同 URL，则使用 $router.push 方法
$route 为当前 router 跳转对象里面可以获取 name 、 path 、 query 、 params 等
#（掌握）十五、vue-cli生成的项目文件夹assets和public(static) 的区别
vue-cli2生成的项目目录是static
vue-cli3以上生成的项目目录是public
- 相同点：
assets和public(static) 都是存放静态资源的文件。项目所需要的静态文件、图片、样式文件都可以放在这两个文件夹下
- 不同点：
在assets中存放的静态资源，在项目打包时会将这些静态资源与代码、index.html文件一起一同进行打包压缩，上传到服务器
在public(static)中存放的静态资源，不会被打包压缩格式化等流程，而是直接进入打包好的目录，直接上传到服务器
#(掌握)十六、DOM渲染在哪个周期中就已经完成
DOM 渲染在 mounted 中就已经完成了。
#（掌握）十七、VNode是什么？虚拟DOM是什么？
Vue在页面上渲染的节点，及其子节点称为“虚拟节点 (Virtual Node)”，简写为“VNode”。“虚拟 DOM”是由 Vue 组件树建立起来的整个 VNode 树的称呼。
#（掌握）十八、什么是RESTful API？怎么使用?
是一个api的标准，无状态请求。请求的路由地址是固定的，如果是tp5则先路由配置中把资源路由配置好。标准有：.post .put .delete
#（掌握）二十、如何让CSS只在当前组件中起作用?
将当前组件的