學習小結:webpack中如何使用vue

  1. 安裝vue的包:npm i vue -S
  2. 由於在webpack中,推薦使用 .vue 這個組件模板文件定義組件,因此需要安裝能夠解析這種文件的 loadernpm i vue-loader vue-template-compiler -D
  3. 在main.js中,導入vue模塊:import Vue from 'vue'
  4. 定義一個 .vue 結尾的組件,其中,組件由三部分組成:templatescriptstyle
  5. 使用 import login from './login.vue'導入這個組件
  6. 創建vm的實例 var vm = new Vue({el:'#app',render:c => c(login)})
  7. 在頁面中創建一個id爲 app 的div元素,作爲我們vm實例要控制的區域;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章