本文共 467 字，大约阅读时间需要 1 分钟。

自定义一个指令，指令名称为jspang，作用是改变文字的颜色为红色：

    
       
       
               
   
        
    
     {
  {num}}
    
        
    
ADD
    
   
    
        解绑    
    

自定义指令有五个生命周期（也叫钩子函数），分别是 bind,inserted,update,componentUpdated,unbind 

1. bind:只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个绑定时执行一次的初始化动作。
2. inserted:被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于document中）。
3. update:被绑定于元素所在的模板更新时调用，而无论绑定值是否变化。通过比较更新前后的绑定值，可以忽略不必要的模板更新。
4. componentUpdated:被绑定元素所在模板完成一次更新周期时调用。
5. unbind:只调用一次，指令与元素解绑时调用。

更多内容请看视频教程：

转载地址：http://sidrz.baihongyu.com/