vue父组件向子组件传值

1，在父组件<v-user  v-bind:meaage="test"></v-user>

  此时会报错，test要在返回值里面去声明

return {
msg: 'Welcome to Your Vue.js App',

test:""

}

在子组件里用props:["message"]接收

export default {
name: 'HelloWorld',
props:["message"],
data () {
return {
msg: 'Welcome to Your Vue.js App',

}
},
条件判断     <v-alert v-if="alert" v-bind:message="alert"></v-alert>在父组件中使用组件判断alert为空不显示，非空显示

 

 

也可以这样

 

 

 

 

 

 

 

}