vue 数据之间的传递【传值的几种方式】

一、父级和字组件之间的数据传递

1.父子传值

第一步： 在父元素中绑定一个参数 我这里的是：:good ="item"

 <goods :index='index' :good ="item"></goods>

 

第二步： 在子元素中接受，使用props接收。

props: {
    good:{
        type:Object
    }
}

 

2.子向父传值

第一步： 在子组件中触发

self.$emit('selectCity',self.city_name)

我这里并没有传值，如果需要传值，就：self.$emit('selectCity', '你要传的值').

第二步： 在父元素监听事件 selectCity事件

<selectCity v-on:selectCity='selectCity'></selectCity>

传参的直接在updates (参数) {  }

---

 

3.同级之间的参数传递

两种方式

1.query传参，或者params传参

使用 this.$router.push({path: '/', query: {参数名: '参数值'}) 

this.$router.push({name: '/', params: {参数名: '参数值'})

注意： 使用params时不能使用path

接收： var a = this.$route.query.参数名

           var b = this.$route.params.参数名

2.sessionStore传参

触发

 

监听