- 安装vue的包:
npm i vue -S
- 由于在webpack中,推荐使用
.vue
这个组件模板文件定义组件,因此需要安装能够解析这种文件的loader
:npm i vue-loader vue-template-compiler -D
- 在main.js中,导入vue模块:
import Vue from 'vue'
- 定义一个
.vue
结尾的组件,其中,组件由三部分组成:template 、script、style - 使用
import login from './login.vue'
导入这个组件 - 创建vm的实例
var vm = new Vue({el:'#app',render:c => c(login)})
- 在页面中创建一个id为
app
的div元素,作为我们vm实例要控制的区域;
学习小结:webpack中如何使用vue
猜你喜欢
转载自blog.csdn.net/wennianzhu/article/details/106418105
今日推荐
周排行