建立Vue全域性元件
阿新 • • 發佈:2019-02-17
一、建立元件
二、在main.js中引入元件
三、在其他元件中使用
心得:
在學習Vue的過程中遇到了建立全域性元件,在學習完成後再此記錄一下,也希望可以幫助到其他正在學習Vue的朋友們。同時本文也可能存在一些不足之處,都提出來,一起討論下。
這個全域性元件的也是基於Vue腳手架的,如果還有不會Vue腳手架的可以閱讀下面這篇文章:
一、建立元件
這個就是和建立一個普通的元件是一樣的
二、在main.js中引入元件
首先在src下找到我們的main.js
開啟main.js後首先要通過import建元件引入進來:
這裡要注意的就是後面的路徑一定要寫對!!!
然後再通過Vue.component,設定引入元件的全域性元件名:
這裡要注意的就是:加上單引號的是你命名的全域性元件名可以隨意命名,後面的就是你引入的元件名,二者要保持一致。
三、在其他元件中應用
完成上面兩步後,最後一步就比較簡單了。只要使用上面命名的全域性元件名就可以了。
總結:
這樣我們便完成了全域性化元件的建立,第一次寫部落格,希望可以幫助到其他人,也希望自己可以堅持下去。希望的可以給個贊哦。