vue参数传递方式

Vue的传参方式主要有以下几种:

1. 属性传值:这是一种主要用于父组件给子组件传值的方式,通过在父组件调用子组件时,绑定动态属性,然后在子组件中通过props接收父组件传过来的值。

2. 父组件获取子组件数据:这是子组件给父组件传值的方式,通过$refs获取子组件的数据和方法。

3. 路由传参:这是一种通过路由跳转的方式进行传参的方法,主要包括router-link(其实就是a标签),和this.$router.push() // params query。

4. 路由组件传参:这是在路由配置中用分号拼接参数的方式进行传参。

5. this.$router.params:这是搭配路由的name属性,参数作为路由的一部分,不会在url显示。

6. this.$router.query:这是使用path来匹配路由,可以在url看到?后面的就是传递的参数。

你可能感兴趣的