vue中install方法介紹
更新時間：2021年11月24日 09:36:10 作者：曾泳鋒
這篇文章主要給大家分享了 vue中install方法介紹，vue提供install可供我們開發(fā)新的插件及全局注冊組件等，感興趣的小伙伴請和小編一起進入文章了解具體內容吧
vue提供install可供我們開發(fā)新的插件及全局注冊組件等
install方法第一個參數(shù)是vue的構造器，第二個參數(shù)是可選的選項對象
export default {
install(Vue,option){
組件
指令
混入
掛載vue原型
}
}
1、全局注冊組件
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進行注冊
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跟注冊組件一樣
import pre from '@/aiqi' Vue.use(pre)
到此這篇關于 vue中install方法介紹的文章就介紹到這了,更多相關 vue中install方法內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
最近在做自己項目中遇到一個非常簡單的功能,跟大家分享下,這篇文章主要給大家介紹了關于使用vue寫一個翻頁的時間插件的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-02-02
這篇文章主要介紹了詳解vue-router 初始化時做了什么,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
這篇文章主要為大家詳細介紹了vue實現(xiàn)購物車的小練習，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了vue移動端時彈出側邊抽屜菜單,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
Vue3實現(xiàn)LuckSheet在線預覽Excel表格
在前端開發(fā)中預覽Excel文件是常見的需求之一,本文將介紹如何使用Vue.js框架以及兩個優(yōu)秀的Excel庫——LuckyExcel和Luckysheet,來實現(xiàn)Excel文件在線預覽功能,希望對大家有所幫助2023-11-11
這篇文章主要介紹了Vue實現(xiàn)Layui的集成方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-04-04
這篇文章主要介紹了vue中動態(tài)select的使用方法,結合實例形式分析了vue.js使用動態(tài)select創(chuàng)建下拉菜單相關實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了Vue響應式原理，響應式就是當對象本身（對象的增刪值）或者對象屬性（重新賦值）發(fā)生了改變的時候，就會運行一些函數(shù)，最常見的示render函數(shù)2022-09-09
Vue3+Antd實現(xiàn)彈框顯示內容并加入復制按鈕
這篇文章主要介紹了Vue3+Antd實現(xiàn)彈框顯示內容并加入復制按鈕,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12
這篇文章主要為大家介紹了vue日常開發(fā)基礎Axios網絡庫封裝示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08