Vue官方文档（40）：自定义指令中钩子函数的参数

一、定义全局自定义指令（main.js中）

Vue.directive('demo', {
  bind: function (el, binding, vnode) {
    var s = JSON.stringify
    el.innerHTML =
      'name: '       + s(binding.name) + '<br>' +
      'value: '      + s(binding.value) + '<br>' +
      'expression: ' + s(binding.expression) + '<br>' +
      'argument: '   + s(binding.arg) + '<br>' +
      'modifiers: '  + s(binding.modifiers) + '<br>' +
      'vnode keys: ' + Object.keys(vnode).join(', ')
  }
})

二、页面中使用自定义指令

<template>
  <div >
    <h3>自定义指令测试</h3>

    <div id="hook-arguments-example" v-demo:foo.a.b="message"></div>
  </div>
</template>


 <script>
 
 //import Vue from 'vue'


  export default{

  components: {

  },
    data() {
      return {
        message: 'hello'
              }
            },
    methods:{
      
    },
    created(){

    },
    computed: {
 
    },
     watch: {
    
  }
  }
      
    </script>

<style >

</style>