vue.prototype和vue.use的區別和注意點有哪些

本篇內容介紹了“vue.prototype和vue.use的區別和注意點有哪些”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

vue.prototype和vue.use的區別和注意點

1、vue.prototype：實例上掛載屬性/方法，例如Vue.prototype.axios=axios;

2、vue.use：引入插件，例如vuex，vue.use(vuex)

如圖，vue.use會初始化插件，運行導出的intsall函數

// 使用插件Vuex //初始化插件Vue.use(plugin);區別：
1、不是為了vue寫的插件(插件內要處理)不支持Vue.use()加載方式
2、非vue官方庫不支持new Vue()方式
3、每一個vue組件都是Vue的實例，所以組件內this可以拿到Vue.prototype上添加的屬性和方法。

總結

Vue的插件是一個對象,
插件對象必須有install字段.
install字段是一個函數.
初始化插件對象需要通過Vue.use()

補充：vue.prototype和vue.use的區別

Vue.use和Vue.prototype區別

• 相同點：都是注冊插件的方式，沒有本質區別，都是在vue.prototype上添加了一個方法

• 不同點：vue.use適用于注冊vue生態內的插件，vue.prototype適用于注冊生態外的插件

vue.prototype用法

需要設置全局變量，在main.js中，Vue實例化的代碼里添加。

不想污染全局作用域。這種情況下，你可以通過在 原型 上定義它們使其在每個Vue實例中可用。

vue.prototype.$echarts = echarts

Tips:變量前加上$，是防止被組件中的變量意外覆蓋

vue.use用法

• 通過全局方法Vue.use()使用插件

• Vue.usew會自動阻止多次注冊插件

• 她需要在你調用new Vue()啟動應用之前完成

Tips:Vue.use() 方法至少傳入一個參數，該參數類型必須是 Object 或 Function，如果是 Object 那么這個 Object 需要定義一個 install 方法，如果是 Function 那么這個函數就被當做 install 方法。在 Vue.use() 執行時 install 會默認執行，當 install 執行時第一個參數就是 Vue，其他參數是 Vue.use() 執行時傳入的其他參數。

“vue.prototype和vue.use的區別和注意點有哪些”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！