vuejs实现标题颜色随机变幻（使用自定义指令实现）

1.在标签上面自定义一个指令，代码如下：

2.在main.js中使用Vue.directive绑定自定义指令，代码如下：

// 自定义指令
Vue.directive('rainbow',{
   bind(el,bing,vnode){
    //颜色随机生成
     el.style.color ="#"+Math.random().toString(16).slice(2,8);

   }
})

3.页面效果如下：

 

需要注意的是，在vue中所有自定义指令均应以v-开头，例如上面定义的v-rainbow指令