普通網(wǎng)頁script引入 vue ：
1.使用 script 引入VUE 的包
2.在index.html 頁面創(chuàng)建 id=app 的div
3.通過 new Vue 得到一個 vm 的實(shí)例,并配置
在 webpack 環(huán)境：
1.yarn add vue -s 安裝運(yùn)行依賴
2.在main.js 入口文件焊虏， 使用 import 引入 vue
3.創(chuàng)建 new Vue({})的 vm 實(shí)例
main.js 中：
import Vue from 'vue'
var vm=new Vue({
el:'#app',
data() {
return {
a:'zhangjian'
}
},
})
HTML 中：
<div id="app">
<p>{{a}}</p>
</div>
注意：雖然都可以成功運(yùn)行，但是出現(xiàn)報(bào)錯ｏ趿住诵闭！
報(bào)錯.jpg
報(bào)錯的原因是，在webpack 中import Vue from 'vue' 進(jìn)來的包是默認(rèn)的閹割包铸屉，只提供了runtime-only的方式篮条，沒有提供像網(wǎng)頁那樣script進(jìn)來的完全包，所以需要自己去修改覆醇，方式有兩種褥琐。
首先 回顧包的查找規(guī)則：
1.在根目錄下查找node_modules文件夾
2.在node_modules中查找vue的包
3.vue包內(nèi)查找packge.json包的配置文件
4.在packge.json找到main屬性锌俱，這個屬性指定了這個包被加載時候?qū)ν獾娜肟谖募?/p>
- 經(jīng)過我們的查找，會發(fā)現(xiàn)對外的文件不是完全包
vue.js而是"main": "dist/vue.runtime.common.js",閹割包敌呈。
使用一下2種方法修改默認(rèn)包 ：
1.指定import 的包路徑：import Vue from '../node_modules/vue/dist/vue.js'
為了閱讀不便贸宏，添加別名，使代碼更簡潔磕洪，
在webpack.config.js中添加resolve屬性吭练，引入路徑可以不用更改：
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js'
}
}
