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' /*引用*/