vue2生命周期,vue2各个方法介绍
beforeCreate:在这里加loading(页面加载的时候我想要做的事情)
created:在这里结束loading,还可以做一些初始数据的获取
beforeMount:载入前(已经完成了data和el数据初始化),但是页面中的内容还是vue的占位符,data中的数据是没有被挂载到dom节点中的;
可以在渲染数据前做最后一次更改数据(在这里更改数据不会触发其它的钩子函数),也可以在这里做初始数据的获取
mounted:载入后,html已经渲染,把vue实例中的data里面的数据挂载到节点
beforeUpdate:更新前(view层数据变化前,不是data中的数据改变前),重新渲染前触发,然后vue的虚拟dom机制会重新构建
虚拟dom树利用diff算法进行对比之后重新渲染
updated:数据已经更新完成,dom也重新渲染完成
beforeDestroy:你确定删除xxxxx吗(比如跳转页面,清除掉定时器等等)
destroyed:当前组件已经被删除,清空相关内容
在父组件中注册子组件
import MyComponent from './MyComponent.vue'; export default { components: { MyComponent } };
vue2的directives 自定义指令
标签:
B前端
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?