首先查看main.js

单文件组件和vue中的路由

app.vue

单文件组件和vue中的路由 

 app.vue中存在一个<router-view/> 标签,这里存放的就是相应路由改变该改变的网页内容

查看router文件夹中的index.js

单文件组件和vue中的路由

按照routers数组的方式,在components文件夹下创建一个test.vue文件,导入,

单文件组件和vue中的路由

单文件组件和vue中的路由

单文件组件和vue中的路由

相关文章: