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实例要控制的区域;

原文地址:https://www.cnblogs.com/songsongblue/p/11894386.html