2 回答

TA貢獻1757條經(jīng)驗 獲得超7個贊
您正在嘗試導(dǎo)出兩個默認值。默認值意味著您只需說即可獲得該值import MyPack from 'path/to/package'
。您需要導(dǎo)出常量,并在導(dǎo)入的位置進行解構(gòu)。
包裝內(nèi)
export?const?vD1?=?Vue.directive('directive1',?{ ??... })export?const?vD2?=?Vue.directive('directive2',?{ ??... })
無論您在哪里進口:
import?{?vD1,?vD2?}?from?'path/to/package';

TA貢獻1836條經(jīng)驗 獲得超5個贊
查看Vue 指南:編寫一個插件,我們可以按照該指南開發(fā)我們的指令,然后允許用戶通過第二個參數(shù)=激活特定指令options
。
就像下面的演示(假設(shè) export?myDirectives
,并且只 enable?directive1
):
let myDirectives = {}
let _defaultDirectives = ['directive1', 'directive2']
myDirectives.directive1 = {
? inserted: function (el, binding, vnode) {
? ? el.addEventListener('mouseup', (e) => mouseup(e, el, _data))
? ? el.addEventListener('mousedown', (e) => mousedown(e, el, _data))
? ? el.addEventListener('mousemove', (e) => mousemove(e, el, _data))
? ? console.log('directive1', `setDraggerOffset(el, _data)`)
? }
}
myDirectives.directive2 = {
? inserted: function (el, binding, vnode) {
? ? el.addEventListener('mouseup', (e) => mouseup(e, el, _data))
? ? el.addEventListener('mousedown', (e) => mousedown(e, el, _data))
? ? el.addEventListener('mousemove', (e) => mousemove(e, el, _data))
? ? console.log('directive2', `setDraggerOffset(el, _data)`)
? }
}
myDirectives.install = function (Vue, options) {
? let selectedDirectives = (options && options.directives) || _defaultDirectives
? selectedDirectives.forEach((directive) =>?
? ? Vue.directive(directive, this[directive])
? ? // this[directive + 'Definition'] = Vue.directive(directive, this[directive])
? )
}
// export default myDirectives
// Vue.use(myDirectives) // default option is register both directive1 and directive 2
Vue.use(myDirectives, {directives: ['directive1'] }) // register directive1 only
// console.log('Definition', myDirectives.directive1Definition, myDirectives.directive2Definition)
new Vue({
? el: '#app'
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
? <span v-directive1></span>
? <span v-directive2></span>
</div>
添加回答
舉報