前端面经1

1、v-if 和v-show的区别
v-if是通过控制dom节点的存在与否来控制元素的显隐；
v-show是通过设置DOM元素的display样式，block为显示， none为隐藏；
如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。
2、v-for 和 v-if的区别：
当它们处于同一个元素节点时，v-for的优先级高于v-if。v-if将重复运行于每个v-for循环中。

3、路由的钩子函数
全局钩子函数 router.boforeEach(to,from.next)

某个理由独享的钩子 beforeEnter(to,from,next)

组件内的钩子 beforeRouterEnter(to,from,next)

beforeRouterUpdate(to,from,next)

beforeRouterLeave(to,from,next)

4、vue中的组件传值有哪些
父组件向子组件传递数据，可以使用props向子组件传递数据

子组件向父组件传递数据，可以使用$emit向父组件传递数据

子组件向子组件传递数据， Vuex状态管理工具实现组件之间的传递

5、vuex是什么
状态管理机制，将全局组件的共享状态抽取出来为一个store，以一个单例模式存在，应用任何一个组件都可以使用，vuex更改state的唯一途径是通过mutation，mutation是需要commit触发，action实际触发是mutation，其中，mutation处理同步内容，action处理异步的内容

6、vue指令
V-bind V-html V-on V-model V-if V-show

7、Vue响应式原理
Data的属性被转化为getter何setter,并且记录相应的依赖，当被改动的时候，会通知相应的依赖

所有的组件实例会有它对应的watcher实例，而watcher实例会依赖于相应的setter

当数据变化时，setter会被调用，setter会通知watcher watcher会更新视图