当前位置:网站首页 > 技术团队招聘与面试 > 正文

路由守卫面试题及答案(路由守卫面试题及答案)



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

到此这篇路由守卫面试题及答案(路由守卫面试题及答案)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • jvm的内存结构 面试(jvm内存结构面试题)2024-12-23 18:18:08
  • 电力104协议招聘(电力招聘2021)2024-12-23 18:18:08
  • max31855中文手册(max3232eeue中文技术手册)2024-12-23 18:18:08
  • jvm内存结构面试题(jvm 内存结构)2024-12-23 18:18:08
  • 程序员 面试 八股文(程序员面试八股文合集)2024-12-23 18:18:08
  • max3232eeue中文技术手册(max3232ei中文资料)2024-12-23 18:18:08
  • xps客服电话技术支持(dell xps客服电话)2024-12-23 18:18:08
  • wyyx面试2024-12-23 18:18:08
  • 《第一行代码》 第九章:使用网络技术2024-12-23 18:18:08
  • max3243中文技术手册(max3232ei中文资料)2024-12-23 18:18:08
  • 全屏图片