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
child-comp@child-eventhandleChildEvent/child-comp/div
Vponent(child-comp,{
template:div/div,
data:function(){
return{
childMsg:Hello,IamChild
};
},
methods:{},
mounted(){
this.$emit(child-event);
}
});
constappnewVue({
el:#app,
data:function(){
return{
parentData:parentMessage
};
},
beforeCreate
到此这篇路由守卫面试题及答案(路由守卫面试题及答案)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/jszy-zmms/71615.html