Vue 生命周期

Posted 2020-11-13 guangzhou11

 

 

 

##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()`