自定义指令

directive:{

形式1:函数

  big(){

  }

形式2:对象

  big:{

     bind(){}

     inserted(){}

     update(){}

  }

}

当形式为函数形式时:

1.指令会在指令与元素成功绑定时(vue在内存中解析模板时就会绑定,此时DOM元素还没有在页面上渲染)调用

2.指令会在模板被重新解析时调用

当形式为函数形式时:

bind(){}:指令与元素绑定时调用该函数

inserted(){}:元素被插入页面时调用该函数

update(){}:模板重新解析时调用该函数