父组件向子组件传值
定义组件
Vue.component('com1',{
template:'<p>这个就是全局创建的组件哦</p>'
})
var temp = {
template:'<h3>提取出来第二个参数创建的</h3>'
Vue.component('com2',temp)
<template id='temp3'>
<p>这里是使用标签来作为模板创建的</p>
</template>
Vue.component('com3',{
template:'#temp3'}
)
- 标签创建好后直接使用组件名放置在html中即可生效。
父组件传值给子组件
<template>
<div>
this is father
<com1 :fmsg='msg'></com1>
</div>
</template>
var vm = new Vue({
el:'#app',
components:[
fa:{
template: '#fa',
data:function(){
msg:'父组件的msg'
},
components:{
com1:{
template:'<h3>this is 子组件{{fmsg}}</h3>'
props:['fsmg']
}
}
}
]
})