如何在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（前奏部分）。