vue中install方法介紹
更新時(shí)間：2021年11月24日 09:36:10 作者：曾泳鋒
這篇文章主要給大家分享了 vue中install方法介紹，vue提供install可供我們開發(fā)新的插件及全局注冊(cè)組件等，感興趣的小伙伴請(qǐng)和小編一起進(jìn)入文章了解具體內(nèi)容吧
vue提供install可供我們開發(fā)新的插件及全局注冊(cè)組件等
install方法第一個(gè)參數(shù)是vue的構(gòu)造器，第二個(gè)參數(shù)是可選的選項(xiàng)對(duì)象
export default {
install(Vue,option){
組件
指令
混入
掛載vue原型
}
}
1、全局注冊(cè)組件
import PageTools from '@/components/PageTools/pageTools.vue'
import update from './update/index.vue'
import ImageUpload from './ImageUpload/ImageUpload.vue'
import ScreenFull from './ScreenFull'
import ThemePicker from './ThemePicker'
import TagsView from './TagsView'
export default {
install(Vue) {
Vue.component('PageTools', PageTools)
Vue.component('update', update)
Vue.component('ImageUpload', ImageUpload)
Vue.component('ScreenFull', ScreenFull)
Vue.component('ThemePicker', ThemePicker)
Vue.component('TagsView', TagsView)
}
}
在main.js中直接用引用并Vue.use進(jìn)行注冊(cè)
import Component from '@/components' Vue.use(Component)
2、全局自定義指令
export default{
install(Vue){
Vue.directive('pre',{
inserted(button,bind){
button.addEventListener('click',()=>{
if(!button.disabled){
button.disabled = true;
setTimeout(()=>{
button.disabled = false
},1000)
}
})
}
})
}
}
在main.js跟注冊(cè)組件一樣
import pre from '@/aiqi' Vue.use(pre)
到此這篇關(guān)于 vue中install方法介紹的文章就介紹到這了,更多相關(guān) vue中install方法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Vue組件封裝方案實(shí)現(xiàn)，我們將從分析組件封裝的優(yōu)勢(shì)開始，然后依次介紹 vue.js 的基本概念，以及如何創(chuàng)建、封裝和使用自定義組件2023-03-03
這篇文章主要介紹了編寫更好的v-for循環(huán)的6種技巧，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
這篇文章主要給大家介紹了關(guān)于Vue實(shí)例掛載的過程,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-03-03
husky是一個(gè)git hooks工具（git的鉤子工具，可以在特定時(shí)機(jī)執(zhí)行特定的命令），這篇文章主要介紹了Vue3-基于husky的代碼檢查工作流,需要的朋友可以參考下2023-11-11
vuejs手把手教你寫一個(gè)完整的購(gòu)物車實(shí)例代碼
這篇文章主要介紹了vuejs-手把手教你寫一個(gè)完整的購(gòu)物車實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要為大家詳細(xì)介紹了vue瀑布流組件實(shí)現(xiàn)上拉加載更多，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
Vue與React的區(qū)別和優(yōu)勢(shì)對(duì)比
這篇文章主要介紹了Vue與React的區(qū)別和優(yōu)勢(shì)對(duì)比，幫助大家更好的選擇適合自己的前端框架，迷茫的同學(xué)可以進(jìn)來(lái)參考下2020-12-12
Ant?Design?Vue?修改表格頭部樣式的詳細(xì)代碼
這篇文章主要介紹了Ant?Design?Vue?修改表格頭部樣式,首先用到的是customHeaderRow這個(gè)API，類型是一個(gè)函數(shù)，本文通過完整代碼給大家詳細(xì)講解，需要的朋友可以參考下2022-10-10
這篇文章主要講解Vue3 集成HTTP庫(kù)axios的相關(guān)內(nèi)容，本文講圍繞如何利用Vue3 集成HTTP庫(kù)axios的相關(guān)資料展開文章,需要的朋友可以參考一下，希望對(duì)你有所幫助2021-10-10
在Vue實(shí)例中,data屬性是用戶定義的用于存儲(chǔ)數(shù)據(jù)的對(duì)象,而_data是Vue內(nèi)部用于存儲(chǔ)數(shù)據(jù)的對(duì)象,本文主要介紹了淺談vue中的data與_data的關(guān)系是什么,感興趣的可以了解一下2023-12-12