首先要安装vue
npm i vue -S
在入口文件中导入vue包,书写如下代码
import Vue from 'vue'
var vm = new Vue({
el: '#app',
data: {},
methods: {},
})
如果此时index.html中id=app的元素中想使用data中的值,是无法引入的
因为此时引入的vue包并不是全的,而是runtime-only的vue包,而网页中手动引入的包是功能全的包
解决方案:
首先要清楚使用import引入的查找规则与使用require的完全一致
node_modules
=>vue
==>package.json中的main属性指定那个导入的文件
第一种解决方案
import Vue from '/node_modules/vue/dist/vue.js'
第二种解决方案
//在配置文件里
添加属性
module.exports={
resolve:{
alias:{
"vue$":'vue/dist/vue.js'
}
}
}