在webpack构建的项目中使用vue

Posted 2021-01-04 suanmei

一、
复习在普通网页中使用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‘
}
}