vue教程的一些代码：
来自 tvdrupal视频教程网
网址：www.tvdrupal.com

---------------------
自定义指令：https://cn.vuejs.org/v2/guide/custom-directive.html
过滤器 ： https://cn.vuejs.org/v2/guide/filters.html
 ------------
 <script>

 Vue.directive('colorchange', {
  bind: function (el, binding, vnode) {
     el.style.color = '#'+Math.random().toString().slice(2,8);
  }
})



var vm = new Vue({
  // 选项
   el:'#app',
   data:{
   
   	message:'hello vue',
   	lists:[
      { text: '学习 JavaScript1' },
      { text: '学习 Vue2' },
      { text: '整个牛项目3' }
    ],
    show:false,
 
   }
   ,
   directives:{ //这是局部注册的方法。
        colorchange2: {
           bind: function (el, binding, vnode) {
               el.style.color = '#'+Math.random().toString().slice(2,8);
            }
        }

   },
   filters:{
       touppercase:function(value){

          return value.toUpperCase()
       }
   }
   
   


})
 </script>
 
 ---------------------