如何在Vue公司

Question

注册自定义指令在VueJs文档，https://vuejs.org/guide/custom-directive.html 我可以使用本地Vue.directive方法很容易地创建一个自定义指令

我的问题是如何将你能够创建一个export default {}

内自定义指令

相同登记部件或支柱时为：

components: { 
    Component1, Component2 
}, 
methods: { 
    method1() { 
    // code here 
    } 
}, 

Answer 1

这里是关于如何在组件中使用指令一个basical例（* .vue文件）：

组件/ snippet.vue

<template> 

    <div id="snippet"> 
     <code v-snippet> 
      {{snippet.code}} 
     </code> 
    </div> 

</template> 


<script> 

import snippet from '../directive/snippet'; 


export default { 
    directives: { 
     snippet: snippet 
    } 
} 

</script> 

指令/ snippet.js

export default { 

    update: function (el) { 

     console.log('update'); 
    } 
} 

如需进一步信息，可以检查http://vuejs.org/v2/guide/custom-directive.html（前奏部分）。