自定义函数

 

　v-big　点击按钮X加1乘以10

<!-- 自定义函数 -->
            <div class=" weather ">
                   <h2>当前n是{{x}}</h2>
                   <h2>放大十倍的n<span v-big="x"></span></h2>
                   <button @click="x++">点我n+1</button>
               </div>

 

directives就是自定义函数的指令和methods平级

directives:{
            big(element,binding){
                console.log(element,binding);
                element.innerText = binding.value *10
            }
        }

第一个参数是指令所在的当前节点的标签，第二个参数就是将元素和自己的指令绑定