28-vue中vue-router-基本路由的理解和使用

什么是路由
  路由 是一种映射关系: k-v
  k是path
  v是value,前端value是组件;后端value是 回调函数。
  路由器 管理 路由
 
路由的优点
  用户体验好,不需要每次都从服务器全部获取,快速展现给用户
 
路由(包含嵌套路由的使用)的使用
  ①定义路由组件(在views文件中写)
  ②注册路由:将路由组件映射成路由(创建路由器router文件)
  ③配置路由器(在main.js中配置) ,只需要一次即可。
  ④写界面代码(在路由组件 被引用的 父组件里写(例如App.vue),用到 标签)

代码图片示例
  ①定义路由组件(在views文件中写)
在这里插入图片描述

  ②将路由组件映射成路由(创建路由器router文件)
在这里插入图片描述

  ③配置路由器(在main.js中配置)

在这里插入图片描述

  ④写界面(在App.vue,用到 标签)
在这里插入图片描述
补充
  设置路由组件的默认显示
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/A_Bow/article/details/113844421