1.Vue.use的作用
Vue.use的作用是注冊全域插件 強化Vue的功能 它也可以用來注冊全域組件 但是有一個條件 注冊的物件中必須提供
install方法,如果插件是一個函式,它會被作為 install 方法,install 方法呼叫時,會將 Vue 作為引數傳入,什么意思呢?看代碼
// import Vue from 'vue'
import PageTools from '@/components/PageTools'
export default {
install(p) {
// console.log(Vue)
console.log(p)
p.component('PageTools', PageTools)
}
}
如上面代碼我封裝了一個組件 提供了一個install方法 并匯出了這個物件 vue明確規定必須注冊組件必須提供install方法 那么這個p中存盤的就是Vue這個引數 如下圖我們列印了p===Vue構造器

結果是true 說明什么? 說明我們可以做很多事情 比如注冊組件 或者如下圖我在p的原型上添加一個屬性 那么在我們的這個專案中的任何一個組件都可以通過原型鏈的查找方式來查找到這個屬性



在p上也可以注冊組件 上圖我已經注冊了組件怎么使用呢 只需要在main.js使用Vue.use進行注冊即可全專案使用
import UseList from '@/components/use'
Vue.use(UseList)
總結:vue.use主要作用是用來注冊插件的 如果想要使用它來注冊組件 需要提供install方法 vue會自動傳入Vue構造器來當做install函式的引數 在install函式內部就可以使用引數來進行全域注冊
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/332110.html
標籤:其他
上一篇:部署vue專案全程序
下一篇:element時間組件轉格式
