Vue脚手架目录文件介绍 & 项目运行流程

1.1 Vue脚手架目录文件介绍

虽然脚手架中的文件有很多，目前咱们只需入手这三个文件即可

1. main.js 入口文件
2. App.vue App根组件
3. index.html 模板文件

1.2 项目运行流程

通过yarn serve启动项目，项目的入口文件为main.js，main.js作用是将App.vue渲染到index.html容器中

// main.js文件
import Vue from 'vue' // 导入vue
import App from './App.vue' // 导入根组件

Vue.config.productionTip = false // 关闭温馨提示

new Vue({
  // el:'#app', // el等价于.$mount('#app')
  render: h => h(App), // render是渲染函数，将App.vue渲染到index.html的id为app的div中
}).$mount('#app')