码迷,mamicode.com
首页 > 其他好文 > 详细

Vue 生命周期

时间:2019-09-17 20:42:55      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:render   数据   str   变化   info   for   基本   rem   src   

技术图片

 

 

 

##vue生命周期
 beforeCreate :底层做一些链
 created:响应数据变化 dom 还没有挂载
 beforeMount: 基本用不到 检测有没有template 属性
                        如果有template  渲染为render 函数

render :

  

>  render(createElement) {
           //虚拟dom  是一个对象
           return  createElement(div,{
               attrs:{
                  id:1
               },
               on:{
                  click() {
                       alert(1)
                  }
               }
           },hello);   //1111
           console.log(render)
       },

![Alt text](./1568722348831.png)

render  与template  只写一个
mounted :可以获取真实的元素  `this.$el`
beforeUpdate:在更新前做修改
updated:不能再修改数据了 
beforeDestroy:用来清除定时器 移除绑定的方法
destroyed:绑定数据 属性 清空

 操作dom  用` this.$nextTick()`

 

Vue 生命周期

标签:render   数据   str   变化   info   for   基本   rem   src   

原文地址:https://www.cnblogs.com/guangzhou11/p/11536815.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!