vue三种传参方式

vue三种传参方式

 

一、父组件向子组件传值
1.使用props建立数据通道的渠道
// 这是父组件

// 这是子组件

2 . 在子组件中通过props传递过来的数据
Vue,component(‘child’,{
props:[‘message’]
}）
二、子组件向父组件传值
在子组件里面定义数据 使用$emit来进行自定义事件的触发 以及数据的发送

三、非父子组件传值

利用一个公共的vue来进行传递值和获取值 

this.getData =num;
kong.$off(“test”)
})

{
//设置值
localstorage.setItem(‘test’,‘数据’)
//获取值
localstorage.getItem(‘test’)

原文链接：https://blog.csdn.net/weixin_44687753/article/details/107536657