webpack中使用vue

首先要安装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'
		}
	}
}