博主首页

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  自定义指令

posted @   笑~笑  阅读(6)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示