父组件给子组件传参数

父组件给子组件传参数

子组件

<template> <div> <p>{{show}}</p> </div> </template>

export default {

props:{

show:{type :Boolean,default:false }

}

}

父组件

<div>
    <p><input type="text" v-model="show"/></p>
    <child :show="show"></child>
  </div>

export default {
    data(){
      return{
        show:''
      }
    },
  }