回覆列表
-
1 # 使用者676553207292
-
2 # 使用者2348142360111
1一般在vue中,有很多vue元件,這些元件每個都是一個檔案。都可能需要引用到相同模組(或者外掛)。我們不想每個檔案都import一次模組。如果是基於vue.js編寫的外掛我們可以用Vue.use()2但是如果想新增一個全域性命令,同時又讓每個vue的檔案都能用到怎麼?第一步:最好建立一個全域性的命令檔案例如:directive/directive.js第二步:利用Vue.directive()建立一個全域性命令,並將它暴露出來,例如一個focus讓表單自動聚焦第三部步:在main.js(入口JS檔案)中將它引入,可以省略檔案字尾這樣任何一個Vue檔案只要這樣v-focus(命令名),就可以很方便的用到了如何在Vue中建立全域性引用或者全域性命令
1 一般在vue中,有很多vue元件,這些元件每個都是一個檔案。都可能需要引用到相同模組(或者外掛)。我們不想每個檔案都import 一次模組。如果是基於vue.js編寫的外掛我們可以用 Vue.use()2 但是如果想新增一個全域性命令,同時又讓每個vue的檔案都能用到怎麼辦?第一步:最好建立一個全域性的命令檔案例如:directive/directive.js第二步:利用Vue.directive()建立一個全域性命令,並將它暴露出來,例如一個focus 讓表單自動聚焦第三部步:在main.js(入口JS檔案)中將它引入,可以省略檔案字尾這樣任何一個Vue檔案只要這樣v-focus(命令名),就可以很方便的用到了