1. 程式人生 > >建立Vue全域性元件

建立Vue全域性元件

一、建立元件

二、在main.js中引入元件

三、在其他元件中使用

心得:

在學習Vue的過程中遇到了建立全域性元件,在學習完成後再此記錄一下,也希望可以幫助到其他正在學習Vue的朋友們。同時本文也可能存在一些不足之處,都提出來,一起討論下。

這個全域性元件的也是基於Vue腳手架的,如果還有不會Vue腳手架的可以閱讀下面這篇文章:

一、建立元件

這個就是和建立一個普通的元件是一樣的

二、在main.js中引入元件

首先在src下找到我們的main.js

開啟main.js後首先要通過import建元件引入進來:

這裡要注意的就是後面的路徑一定要寫對!!!

然後再通過Vue.component,設定引入元件的全域性元件名:

這裡要注意的就是:加上單引號的是你命名的全域性元件名可以隨意命名,後面的就是你引入的元件名,二者要保持一致。

三、在其他元件中應用

完成上面兩步後,最後一步就比較簡單了。只要使用上面命名的全域性元件名就可以了。

總結:

這樣我們便完成了全域性化元件的建立,第一次寫部落格,希望可以幫助到其他人,也希望自己可以堅持下去。希望的可以給個贊哦。