vue之Vue.use的使用場景及說明
更新時間：2022年12月07日 10:19:42 作者：牛先森家的牛奶
這篇文章主要介紹了vue之Vue.use的使用場景，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue之Vue.use的場景
首先看下使用場景
基于vue官網(wǎng)提供如下：
1、新建plugin文件夾
2、新建test.js文件，內(nèi)容如下：
export default ((Vue, data) => {
// ...
console.log(Vue, data); // vue 123 第二個參數(shù)是main.js調(diào)用時 傳遞過來的
})
3、新建test2.js文件，內(nèi)容如下：
function test1(Vue, data) {
// ...
console.log(Vue, data); // vue fqniu 第二個參數(shù)是main.js調(diào)用時 傳遞過來的
}
const test2 = {
// install 是默認(rèn)的方法。當(dāng)外界在 use 的時候，就會調(diào)用本身的 install 方法，同時傳一個 Vue 這個類的參數(shù)。
install(Vue, data) {
// ...
console.log(Vue, data); // vue niuniu 第二個參數(shù)是main.js調(diào)用時 傳遞過來的
}
}
export {
test1,
test2
}
4、在main.js中引入如下：
// 測試vue.use用法
import test from '@/plugin/test'
Vue.use(test, '123')
import { test1, test2 } from '@/plugin/test2'
Vue.use(test1, 'fqniu')
Vue.use(test2, 'niuniu')
5、效果如下：
注意test2.js中test2方法中使用install方法，基于vue提供方式
Vue.use是干什么的？
vue.use 是用來安裝 Vue.js 插件。這個插件可以是一個組件也可以是一個函數(shù)，插件里要有一個 install 方法，install 方法調(diào)用時，他的第一個參數(shù)就是 Vue 在調(diào)用 vue.use 方法的時候就會執(zhí)行 Vue.install 方法
該方法需要在調(diào)用 new Vue() 之前被調(diào)用。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在本篇文章里小編給大家分享的是一篇關(guān)于vue props 單項數(shù)據(jù)流實例分享內(nèi)容，需要的朋友們可以參考下。2020-02-02
這篇文章主要介紹了Vue 自適應(yīng)高度表格的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
這篇文章主要介紹了通過命令創(chuàng)建vue項目的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
熱更新全稱Hot Module Reload,常常在構(gòu)建工具里面出現(xiàn),下面這篇文章主要介紹了Vue?Vite熱更新不起作用的正確解決辦法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
單項數(shù)據(jù)流和雙向數(shù)據(jù)綁定的概念，這兩種不是相互沖突的嗎？即然能用v-model雙向數(shù)據(jù)綁定，不應(yīng)該就是雙向數(shù)據(jù)流了嗎？本文就詳細(xì)的介紹一下2022-04-04
Vue+Typescript中在Vue上掛載axios使用時報錯問題
這篇文章主要介紹了Vue+Typescript中在Vue上掛載axios使用時報錯問題，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-08-08
本文主要介紹了Vue+java實現(xiàn)時間段的搜索示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
詳解如何使用vue和electron開發(fā)一個桌面應(yīng)用
這篇文章主要為大家介紹了詳解如何使用vue和electron開發(fā)一個桌面應(yīng)用，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
Vue開發(fā)配置tsconfig.json文件的實現(xiàn)
tsconfig.json文件中指定了用來編譯這個項目的根文件和編譯選項,本文就來介紹一下Vue開發(fā)配置tsconfig.json文件的實現(xiàn),感興趣的可以了解一下2023-08-08
詳解給Vue2路由導(dǎo)航鉤子和axios攔截器做個封裝
本篇文章主要介紹了詳解給Vue2路由導(dǎo)航鉤子和axios攔截器做個封裝，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04