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