Vue执行过程

main.js

头部引用了vue.js,名字为 App的组件，路由插件

new Vue将所有的视图放入Id值为App的这个dom中

components{} 引入了App.vue(文件)组件,（从上面 import App ****)

其实可以理解成，把App.vue当模板页引用到index.html中绑定到Id为App的div中

App.vue中有route-view，可以理解成占位符，通过路由引入的组件都会在这个占位符上显示出来

那么谈到了路由，在route目录下的js文件中应用了vue.js(import vue****)，路由插件，引用其他自定义的功能组件

并显示的声明使用路由，且设置每个路由的URL名称和对应的组件名称

这样，当访问哪个URL名，就指定访问哪个组件了，这个组件呢，就显示在了占位符中

路由JS中,引用的是pages页面中的vue（理解成View吧）;页面中使用到的各种组件就是应用组件文件夹中的了(component)

路由中的引用

import pageQuiButton from '../pages/pageQuiButton.vue'

View中的引用

import quiBtn from '../components/quiButton.vue' /*引用*/