借鉴文章:路由组件的使用
自己整理
非路由组件使用
定义 定义在 components文件夹中 -----components(里面的内容都是公共的)
注册 注册在 App.vue
使用 在App 中书写组件标签
路由组件的使用
定义
定义在pages中 -------pages(是自定义的一个文件夹用于保存路由组件)
注册
路由器相关配置
1.安装路由 npm i vue-router -S
2.引入并声明使用路由插件
3.向外暴露一个路由器的对象
注册路由组件(配置路由)
使用 使用 router-link 和 router-view 或 push 和 replace
4.配置路由
5.在 main 中引入路由
6.在 main 中挂载路由
7.router文件夹中引入非路由组件的路由
8.router文件夹中注册路由
9.App.vue 中注册 router-view
路由器的相关配置