vue之Vue.use的使用場景及說明
更新時(shí)間：2022年12月07日 10:19:42 作者：牛先森家的牛奶
這篇文章主要介紹了vue之Vue.use的使用場景，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
vue之Vue.use的場景
首先看下使用場景
基于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中引入如下：
// 測試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)文章
在本篇文章里小編給大家整理的是關(guān)于Vue基礎(chǔ)配置講解內(nèi)容，有興趣的朋友們可以學(xué)習(xí)下。2019-11-11
vue實(shí)現(xiàn)選項(xiàng)卡及選項(xiàng)卡切換效果
這篇文章主要介紹了vue實(shí)現(xiàn)選項(xiàng)卡選項(xiàng)卡切換效果,這里的Vue以單文件的形式引入，另外代碼在實(shí)現(xiàn)上會(huì)一步步的進(jìn)行優(yōu)化。需要的朋友可以參考下2018-04-04
vue 解決provide和inject響應(yīng)的問題
這篇文章主要介紹了vue 解決provide和inject響應(yīng)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要介紹了vue-cli3.0如何修改端口號(hào)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue-cli3 從搭建到優(yōu)化的詳細(xì)步驟，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01
解決Vuepress碼云部署及自動(dòng)跳轉(zhuǎn)404的問題
這篇文章主要介紹了解決Vuepress碼云部署及自動(dòng)跳轉(zhuǎn)404的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了vue項(xiàng)目打包:修改dist文件名方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
Vue.js實(shí)現(xiàn)watch屬性的示例詳解
本文討論了watch函數(shù)是如何利用副作用函數(shù)和options進(jìn)行封裝實(shí)現(xiàn)的，也通過調(diào)度函數(shù)去控制回調(diào)函數(shù)的立即執(zhí)行和執(zhí)行時(shí)機(jī)，還可以解決競態(tài)問題，感興趣的可以了解一下2022-04-04
本篇文章主要介紹了vue component 組件使用 ，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03
最近遇到了個(gè)問題,用v-bind動(dòng)態(tài)綁定img的src,圖片加載不出來,所以下面這篇文章主要給大家介紹了關(guān)于vue動(dòng)態(tài)加載本地圖片的相關(guān)資料,需要的朋友可以參考下2021-07-07