3.Vue技术栈开发实战-路由进阶篇
路由组件传参 我们如果在一个页面中,需要根据路由去获得一些参数,来在页面上进行一些逻辑的处理。首先可以在页面组件中使用,router这个实例来获取相关的参数。这样有个缺点就是我们的页面组件和路由之间高度耦合。为了解耦,使我们的组件能够在更大程度的复用,我们就会用到路由组件传参 首先来看下我们之前的路由配置,路由组件传参 有三种形式,第一种是布尔模式,它适用于在我们的动态路由匹配中,有动态路由参数的路由配置中,比如我们之前的argu页面,他有一个动态参数叫做name argu页面获取值在页面上展示 我们为了把它解耦,这个地方把name作为一个属性来传入,使用props定义name属性,下面设置了可以是String类型有可以是Number类型。 如果我们就想让他表示名字的类型,那么就设置为String就可以了 如果没有传值进来的话,这里可以给他一个默认值 上面展示只需要写一个name就可以了 现在匹配到的就是动态路由的界面。 把name参数换成ls。但是页面还是lison,因为它用的是我们属性中的默认值,而不是传入的值, 这里就用到了布尔类型,我们只需要设置props为true就可以 了。里面的参数,它会使用router的props作为组件的属性 我们这个组件有个name,它就会把name 传入组件的 name属性上。 第二种类型-对象模式 第二种,就是普通的页面,不是这种动态匹配的