SPA项目

1.SPA项目目录介绍

我们写的代码都在 src 目录中：

2.入口文件main.js介绍

2.1 体验

2.1.1 main.js的功能

入口文件，项目启动之后会最先运行 main.js 文件

2.1.2 main.js代码详解

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false

new Vue({
  router,   			 	// 装载 vue-router
  store,     				// 装载 vuex
  render: h => h(App)      // 渲染 App 组件
}).$mount('#app')

在 main.js 文件中会

1、引入 vue 、vue-router、vuex 框架包

2、引入 App 组件

3、创建 Vue 对象并且装载 vue-router , vuex

4、渲染第一个组件：App.vue

所以我们运行之后看到的页面就是 App.vue 组件的内容。