- 安裝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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
C#開源的兩款功能強大的錄屏神器
追逐時光
2024-05-03 14:28:27
前端 Vue yarn.lock文件:詳解和使用指南
emanlee
2024-05-03 14:15:26
前端 Vue webpack配置之 webpack.config.js 文件配置
emanlee
2024-05-03 14:15:26
Vue package-lock.json的作用
package-lock.json的作用 "node_modules/@aashutoshrathi/word-wrap": { "version": "1.2.6", "resolved": "h
emanlee
2024-05-03 14:15:26
前端 Vue-cli中 vue.config.js 的配置詳解
Vue-cli 3 / Vue-cli 4 目錄結構 ├── README.md # 說明 |-- dist # 打包後文件夾 ├── babel.config.js
emanlee
2024-05-03 14:15:26
druid數據源 xml配置
tono
2024-05-03 14:14:55
JDK8和JDK17共存以及切換的方法
久曲健
2024-05-03 14:11:15
centos7修改redis密碼
久曲健
2024-05-03 14:11:15
基於SSM的在線外賣訂餐系統畢業設計論文【範文】
Lucky帥小武
2024-05-03 14:08:24
基於CodeMirror開發在線編輯器時遇到的問題及解決方案
致愛麗絲
2024-05-03 14:04:44
《軟件性能測試、分析與調優實踐之路》(第2版) PPT課件流出
掃描圖書前言中的如下圖所示的二維碼,即可進入到下載頁面。 如下圖所示即爲課件的下載頁面,免費提供下載
張永清
2024-05-03 14:01:24
AWS S3 Lambda Python腳本函數實現圖片自動轉換爲webp並上傳至s3
翎野
2024-05-03 13:51:42
24小時熱門文章