2023前端面试题vue专版_一个vue文件内容过多怎么办资源-CSDN文库

需积分: 5 132 浏览量 2023-12-26 09:54:29 上传评论收藏 628KB PDF 举报

资源推荐

资源详情

资源评论

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

总结：从外到内，再从内到外

剩余19页未读，继续阅读

内容反馈

追涨杀跌的小韭菜

粉丝: 1262
资源: 4

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip