vue考点详解

vue是一款流行的前端框架，使用vue的开发人员在面试过程中，需要了解一些vue的考点。

1. computed与watch的区别

computed：是计算属性的一种方式，数据的变化会触发computed里的函数执行，返回新的值。
watch：是一个监听的方式，数据的变化会触发watch里的函数执行，不改变数据。

2. vue的生命周期

beforeCreate：组件实例被创建，vue实例的生命周期也开始了，但是实例的数据和方法都还没有被初始化。
created：组件的数据和方法都已创建完成，但是尚未渲染到页面中。
beforeMount：组件已经准备好要被渲染到页面中了，但是还未开始渲染。
mounted：组件已经渲染到页面中。
beforeUpdate：组件的数据发生了变化，尚未更新到页面上，但是组件的渲染已经重新开始了。
updated：组件的数据更新已经完成，已重新渲染到页面中。
beforeDestroy：组件即将被销毁，当然你也可以取消这一步。
destroyed：组件已被销毁。

3.父子组件的生命周期钩子函数执行顺序

父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted -> 父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated -> 父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed

4. v-if和v-show的区别

v-if是有条件渲染，当条件为false时，组件并没有被渲染到页面上。
v-show是动态的显示与隐藏，不管条件是否为true，都已经渲染到了页面上，通过CSS的display属性来判断组件是否显示。

以上就是一些vue的考点，希望能对大家有所帮助。