webpack中如何使用vue

1、安装 vue包：npm i vue -S

2、由于在webpack中，推荐使用.vue这个组件模版文件来定义组件，不然会出现vue.js移动和一些高级语法的不支持,因此需要安装能解析这种文件的loader：npm i vue-loader vue-template-complier -D

3、在main.js中，导入vue模块：import Vue from 'vue'

4、定义一个.vue结尾的组件，其中组件有三部分组成：template script style

5、使用 import login from './login.vue' 导入这个组件

6、创建vm的实例 var vm = new Vue({el:'#app',render:c=>c(login)})

7、在页面中创建一个id 为 app 的div 元素，作为我们vm实例要控制的区域