父组件向子组件传值
在子组件中(组件声明时):
Vue.component('bruip-info',{
template:`
组件的HTML代码
`,
data(){
return{
}
},
props:[],
computed:{
}
});
而里面的props里面就是期望父组件传给子组件本身的参数,它有两种表示方法
1.形式参数,期望父组件传递给子组件的参数
props:['visible','title', 'likes'],
2.声明参数时顺便声明参数类型
props:{
visible:Boolean,
title:String,
likes: Number
}
在父组件中(组件调用时)传递参数:
1.静态prop,传入的是一个常量
传递给参数title的值是一个字符串
<briup-info title="true" />
<briup-info title=1 />
传递给参数title的值是一个布尔类型true
<briup-info :title="true" />
传递给参数titl