在webpack構建的項目中使用vue

標籤：修改   new   方式   函數   runtime   執行個體   alias   run   網頁   

一、
複習在普通網頁中使用vue
1.使用script引入vue
2.在index中建立 id為app的容器
3.通過new vue得到vm執行個體
二、
在webpack中嘗試使用vue：
//注意 ： 在webpack中 使用 import Vue from ‘vue‘ 匯入的Vue建構函式，功能不完整，只提供了runtime-onley的方式 病沒有提供想網頁中那樣的使用方式
npm install vue -S

import Vue from ‘vue‘
// import Vue from ‘../node_modules/vue/dist/vue.js‘

var vm = new Vue({
el:‘#app‘,
data:{
msg:‘123‘
}
})

webpack.config.js

resoleve: {
alias:{//修改vue被匯入包時候的路徑
‘vue$‘: ‘vue/dist/vue.js‘
}
}

在webpack構建的項目中使用vue