Vue初學29-webpack安裝vue

項目中要想使用vuejs,必須對vue添加依賴，首先，安裝vue。

通過命令

npm install vue --save

因爲vue不只是在開發時使用，發佈的時候也會使用，所以不加--dev

安裝完成後，在node_modules目錄下會生成vue目錄，如下

 

使用vue之前需要先引入vue，在main.js中添加如下代碼

import Vue from 'vue'

const vue = new Vue({
    el:'#app',
    data:{
        message:'hello world'
    }
})

index.html中，body下添加div標籤

<div id="app">
    <h2>{{message}}</h2>
</div>

重新打包，運行，報錯。。。大概的意識是vue有兩個版本runtime-only和compiler-included，使用runtime-only版本時模板的使用會有問題。因此，需要指定使用compiler-included版本。

在webpack.config.js中添加如下配置，指定vue使用compiler-included版本。

重新打包，問題解決。