Vue生命周期

  指定挂载的容器
        el: '#app',
       指定模板(如果有模板,vue会渲染整个模板;如果没有模板,vue会将el里面的所有内容当成模板使用)
        template: 

beforeCreate(){} 创建之前(数据初始化之前)
整个生命周期函数,基本上不用,除非要设置Vue实例的内容

created() {} 创建完成(数据初始化完成)
这个生命周期,通常用于初始化Vue管理的数据,比如ajax请求会放这里

beforeMount(){}挂载之前,模板已经成功渲染,但是内容还没挂载
这个生命周期函数,基本不用,除非要设置Vue实例的东西

mounted() {}
这个生命周期函数,通常用于对DOM的改动

beforeUpdate() {} 修改之前(数据已经改了,但还没有挂载页面)

updated() {}

销毁之前
beforeDestroy() {}

销毁之后
destroyed() {}

通过Vue实例的mount方法,手动挂载容器 公共el选项指定挂载容器,当模板手动渲染成功后,会离开挂载页面mount的方法好处是,可以自行选择手动挂载的时机
vm.$mount('#app')

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容