vue.js中路由的本质以及应用
路由允许我们通过不同的 URL 访问不同的内容。该 URL 可以是我们自己设置的,在项目中并没有这样的文件夹,这种功能就是路由.
路由的本质是hash值!
vue 中的路由设置分为四步曲 :
定 : 定义路由组件
配 : 配置路由
实 : 实例化路由
挂 : 挂载路由
实例:
1. 在HTML中写入内容
路由设置 主页 列表 尾页
2.模块化思想设置vue路由
这是主页的内容!这是bb页的内容!这是cc页的内容!
路由传参
参数分为形参和实参,如果要在上面的实例中进行传参,只需要加入参数即可
实参:
路由嵌套
路由嵌套,就是把一个路由嵌套在另一个路由当中,在vue中仍然是用router-link标签,但需要把嵌套的路由写在被嵌套路由的模板中
同样,子级也有子级的模板
定义子级的路由
在配置子级时需要加参数 children
以上便是我对路由的认识!