- 安裝vue的包:
npm i vue -S
- 由於在webpack中,推薦使用
.vue
這個組件模板文件定義組件,因此需要安裝能夠解析這種文件的loader
:npm i vue-loader vue-template-compiler -D
- 在main.js中,導入vue模塊:
import Vue from 'vue'
- 定義一個
.vue
結尾的組件,其中,組件由三部分組成:template 、script、style - 使用
import login from './login.vue'
導入這個組件 - 創建vm的實例
var vm = new Vue({el:'#app',render:c => c(login)})
- 在頁面中創建一個id爲
app
的div元素,作爲我們vm實例要控制的區域;
學習小結:webpack中如何使用vue
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
華爲雲發佈CodeArts IDE for Python,極致優雅雲原生開發體驗
中間件小哥
2024-05-11 14:25:35
C#實現多線程的幾種方式
追逐時光
2024-05-11 14:25:34
RustDesk 自建服務器部署和使用教程
米開朗基楊
2024-05-11 14:25:04
公司空降一個 CTO:禁止在項目中使用 Date 類,發現立即走人!!!
Java技術棧
2024-05-11 14:24:54
紋理是怎樣顯示在模型上的
趙青青
2024-05-11 14:24:04
《最新出爐》系列入門篇-Python+Playwright自動化測試-46-鼠標滾輪操作
北京-宏哥
2024-05-11 14:18:03
keycloak~登錄皮膚動態切換的嘗試
張佔嶺
2024-05-11 14:16:03
lua~IDEA中調試lua腳本
張佔嶺
2024-05-11 14:16:03
vs2022編譯.netframework4.0工程
從其他機器拷貝一個複製到下面的目錄 C:\Program Files (x86)\Reference Assemblies\Microsoft\Framework\.NETFramework
大俠的哥哥是菜鳥
2024-05-11 14:15:53
ASP.NET 8 使用 NLog
un8134
2024-05-11 14:11:32
sql語句優化的30種方法【轉】
paul_hch
2024-05-11 14:08:32