vue3.0 路由(创建)

路由创建

路由 spa单页面应用(single page app)

优点 : 复用页面的公共内容,支持浏览器的前进和后退,刷新后不会回到默认的页面

缺点 : 单页面应用 所有的组件和内容较多 初始加载过慢 浏览器会出现空白
解决办法: 搭配使用 keep-alive组件,缓存不活动的组件 ,使用路由懒加载,按需进行路由加载

先下载vue-router.js

链接：https://pan.baidu.com/s/1yNVUH_YsRhzqvJqCSdgqzg

提取码：sync

引入到需要的地方

图示:

开始第一步

1. 定义一个路由组件
   需要注意的是 : 路由组件(页面展示) 一般首字母会大写 和 普通组件(功能模块)
   代码:

  let Index &#