# 56.在webpack项目中使用vue

① 运行 npm i vue -S 安装 vue

② 在 src -> index.js 入口文件中, 通过 important vue from 'vue' 来导入 vue 构造函数

③ 创建 vue 的实例对象, 并指定要控制的 el 区域

④ 通过 render 函数渲染 App 根组件

// 1.导入 vue 构造函数
import Vue from 'vue'
// 2.导入 APP 根组件
important APP from './components/App.vue'

const vm = new Vue ({
  // 3.指定 vm 实例要控制的页面区域
  el: '#app',
  // 4.通过 render 函数, 把指定的组件渲染到 el 区域中
  render: h => h(App)
})
1
2
3
4
5
6
7
8
9
10
11
上次更新: 2020/10/27 下午11:58:10