学习小结:webpack中如何使用vue

  1. 安装vue的包:npm i vue -S
  2. 由于在webpack中,推荐使用 .vue 这个组件模板文件定义组件,因此需要安装能够解析这种文件的 loadernpm i vue-loader vue-template-compiler -D
  3. 在main.js中,导入vue模块:import Vue from 'vue'
  4. 定义一个 .vue 结尾的组件,其中,组件由三部分组成:templatescriptstyle
  5. 使用 import login from './login.vue'导入这个组件
  6. 创建vm的实例 var vm = new Vue({el:'#app',render:c => c(login)})
  7. 在页面中创建一个id为 app 的div元素,作为我们vm实例要控制的区域;

猜你喜欢

转载自blog.csdn.net/wennianzhu/article/details/106418105