22 webpack结合Vue使用的总结

总结梳理：webpack中如何使用vue:
1.安装vue的包：cnpm i vue -S
2.由于 在webpack中，推荐使用 .vue这个组件模板文件定义组件，
所以，需要安装 能解析这种文件的loader cnpm i vue-loader vue-template-compiler -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实例要控制的区域；