Vue路由创建

目录

1. 创建路由
2. 路由传参
3. 路由的嵌套
4. 命名视图
5. 命名路由
6. 图解

---

------创建路由------

第一步

<script src="https://unpkg.com/vue/dist/vue.js"></script>		//引入vue.js包
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>		//引入vue-router插件，亦可用npm等办法安装

第二步

<!-- html -->
<!-- router-link制作导航 -->
<router-link to='/login' tag='span' replace>登陆</router-link>
<router-link to='/index'>首页</router-link>

<!-- router-view 用于渲染匹配到的组件 -->
<router-view></router-view>

注：
 tag: router-link 默认渲染成 a 标签, tag 可自定义渲染标签
 replace: router-link 默认为 history.pushState() 可前进后退的栈， replace 将改为 history.replaceState() 替换模式，不可前进后退

第三步

//创建router实例
const router = new VueRouter<