vue的传值方式有哪些？vue中常用的传值方式介绍（3种）

       // 这是父组件 
      <div id="app">
          // 这是子组件 
          <child message="hello" ></child>
      </div>

 Vue,component('child',{
     props:['message']
 })

Vue.component('child',{
    methods:{
        handleClick(){
        // 在相应该点击事件的函数使用$emit来触发一个自定义事件,并传递一个参数
            this.$emit('parentClick',123)
        }
    },
    template:`        <div>
            <h1>这是子组件</h1>
            <button @click="handleClick" >
                发送给父组件            </button>
        </div>
    `
})

Vue.component('parent', {
    data() {
        return {
            msg: '我是子组件'
        }
    },
    methods: {
        receiveMsg(value) {
            console.log(value)
            this.msg = value
        }
    },
    template:'        <div>
            <h1>这是子组件</h1>
            <p>接收子组件传过来的值{{msg}}</p>
            <child @parentClick='receiveMsg'></child>
        </div>
    '
})

  // 创建一个空的公共的vue对象
    var bus = new Vue();

bus.$emit('test','数据')

bus.$on('test', function(num) {
     this.msg= num;       //事件的解绑问题 
        bus.$off("test")
 })

// 在第一个组件中 setItem 设置值local
storage.setItem('test','数据')
// 在第二个组件中 getItem 获取值local
Storage.getItem("test");