最近感觉不停的在给自己补充知识点,不停在学习,真怕自己没记住。。
使用vue.js+vue router开发单页应用,基本上都会用到两个重要的标签,router-view、router-link,首先router-link是一个配合router中的path数组使用的,router-link中的重要属性to,可以带你去浪漫的土耳其(带你去你指定的path)。to中的参数可以是类型: string | Location,to的参数可以是只有一个字符串,也可以是一个{},其中可以有path,name,query,params。这些参数可以在被跳转的组件获取到,因为他们全全绑定在this.$route上。
介绍to,是因为to可以像tab一样使用,每一个标签页为一个tab页,父组件点击tab,跳转相应的组件并传递相关的参数。简直是方便的要哭,不用写跳转的js代码了。。。
那route-view呢,<router-view> 组件是一个 functional 组件,渲染路径匹配到的视图组件。 渲染的组件还可以内嵌自己的 ,根据嵌套路径,渲染嵌套组件。 其他属性 (非 router-view 使用的属性) 都直接传给渲染的组件, 很多时候,每个路由的数据都是包含在路由参数中。
我目前只是用到了router-view的渲染,配合 <transition> 和 <keep-alive> 使用这些,等我用到了再回来补充。。