watch和computed区别
watch是监听动作，computed是计算属性
watch没缓存，只要数据变化就执行。computed有缓存，只在属性变化的时候才去计算。
watch可以执行异步操作，而computed不能
watch常用于一个数据影响多个数据，computed则常用于多个数据影响一个数据
讲一下Vue的生命周期？
创建期间的生命周期函数：
beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好data和methods属性
created：实例已经在内存中创建OK，此时data和methods已经创建OK，此时还没有开始编译
模板
beforeMount：此时已经完成了模板的编译，但是还没有挂载到页面中。
换句话说，此时页面中的类似{{msg}}这样的语法还没有被替换成真正的数据。
mounted：此时，已经将编译好的模板，挂载到了页面指定的容器中显示【可以获取DOM节点|
发起异步请求】
用户已经可以看到渲染好的页面了
运行期间的生命周期函数：
beforeUpdate：状态更新之前执行此函数，此时data中的状态值是最新的，但是界面上显示的
数据还是旧的，因为此时还没有开始重新渲染DOM节点
updated：实例更新完毕之后调用此函数，此时data中的状态值和界面上显示的数据，都已经完
成了更新，界面已经被重新渲染好了！
销毁期间的生命周期函数：
beforeDestroy：实例销毁之前调用。在这一步，实例仍然完全可用。
destroyed：Vue实例销毁后调用。调用后，Vue实例指示的所有东西都会解绑定，所有的事件监
听器会被移除，所有的子实例也会被销毁。
Vue的父组件和子组件生命周期钩子执行顺序是什么
1.加载渲染过程
父beforeCreate-父created-父beforeMount-子beforeCreate-子created-子beforeMount-
子mounted-父mounted
2.子组件更新过程
父beforeUpdate-子beforeUpdate-子updated-父updated
3.父组件更新过程
父beforeUpdate-父updated
4.销毁过程
父beforeDestroy-子beforeDestroy-子destroyed-父destroyed
总结：从外到内，再从内到外
Vue中父组件如何监听子组件的生命周期？
v-on/\(emit</p> <p>child-comp@child-eventhandleChildEvent/child-comp/div</p> <p>Vponent(child-comp,{</p> <p>template:div/div,</p> <p>data:function(){</p> <p>return{</p> <p>childMsg:Hello,IamChild</p> <p>};</p> <p>},</p> <p>methods:{},</p> <p>mounted(){</p> <p>this.\)emit(child-event);
}
});
constappnewVue({
el:#app,
data:function(){
return{
parentData:parentMessage
};
},
beforeCreate
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/192688.html