當我們用vue .component定義全域性元件時，然後使用 new vue()在每個頁面指定乙個容器元素
這種方式可以在中小型的專案中執行的很好，但是在大型專案中，就會暴露很多缺點，又或者你的專案中前端完全由js控制，下面這些缺點將會暴露的很明顯
1，全域性定義，強烈要求每個component不能重複
2，字串模板，缺乏語法高亮
3，不支援css 意味著當html和js元件化的時候，css明顯被遺漏
4，沒有構建步驟
上面所有的問題vue中檔名字尾為.vue提供了解決的辦法，並且還可以使用webpack構建工具
vue 單檔案元件
vue.js自定義的一種檔案格式 vue檔案，稱為單檔案元件，就是將html css js封裝在同乙個檔案內，從而實現了對乙個元件的封裝，乙個.vue 檔案就是乙個單獨的元件。1 編寫單檔案元件 vue結尾的檔案 由3部分組成 html template css style js script ht...
2 單檔案元件
閱讀 vue cli 3 的官方文件 vue create my components將之前的 my button 元件單獨做乙個檔案並放入 my components src components 資料夾中 將預設的helloworld修改為my button 使用 npm 指令碼執行 vue c...
vue單檔案元件
vue單檔案元件 vue單檔案元件就是把乙個頁面拆分成為多個 多層次的元件。通過多層引用，大大縮小vue檔案的長度和頁面複雜度。步驟 父元件 1.引入元件 import tabcard from components tabcard.vue 2.配置元件 export default 3.使用元件 ...