1. 程式人生 > >在webpack構建的項目中使用vue

在webpack構建的項目中使用vue

vue.js con onf node sta 沒有 import scrip 函數

一、
復習在普通網頁中使用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