父组件向子组件传值
- 父组件把要传递的值绑定在调用的子组件上
- 子组件通过props[“”]来接收值来使用
子组件向父组件传值
- 子组件通过$emit(‘函数名’,’参数’)来抛出事件传递参数
- 父组件通过在调用的子组件上绑定函数名来使用参数(@函数名)
- vuex
兄弟之间传值
- vuex
通过路由带参数进行传值
1
2
3this.$router.push({ path: '/conponentsB', query: { orderId: 123 } }) // 跳转到B
this.$route.query.orderId // 在B组件拿到的参数通过设置本地存储,如Session Storage缓存的形式进行传递
1
2
3const orderData = { 'orderId': 123, 'price': 88 }
sessionStorage.setItem('缓存名称', JSON.stringify(orderData))
const dataB = JSON.parse(sessionStorage.getItem('缓存名称')) // 在其他组件拿到session Storage缓存的值