vue中父子之间的通信

父到子:

父:   <p :query="query"></p>

子:   props:{

            query:{

                       type:"",

                       default:""

type:是数据类型

default里面设置得原来是没有任何值的时候默认的值

vue prop 会接收不同的数据类型，这里列出了 常用的数据类型的设置默认值的写法,其中包含： Number, String, Boolean, Array, Function, Object

refAge: {

type: Number,

default: 0

},

refName: {

type: String,

default: ''

},

hotDataLoading: {

type: Boolean,

default: false

},

hotData: {

type: Array,

default: () => {

return []

}

},

getParams: {

type: Function,

default: () => () => {}

},

meta: {

type: Object,

default: () => ({})

}

         }

},

watch(){

   query(){

}

}

子到父:

子:  <div v-model="oHides"></div>

watch(){

oHides(){

      this.$emit('oQuery',this.oHides)

  }

}

父:   <div @oQuery='query'></div>

data(){

    return{

          query:''

     }

},

methods:{

    query(a){

           this.query=a

      }

}