vue components

组件为:aaa

 <div id="box">
<aaa></aaa>
</div>

局部组件数据事件:

var vm=new Vue({
el:"#box",
data:{
     a:"aaa"
},
components:{
'aaa':{
data(){
return { msg:"wo是msg哦" }
},
methods:{
     show(){
            alert(1)
    }
},
template:"#aaa",
components:{
'bbb':{

       props:['m'],
       template:"<div>我是bbb组件</div>"
}
}
}
}
})

 模板:

<template id="aaa">
<div><h2 @click='show'>我是aaa组件</h2>{{msg}}<bbb :m="msg"></bbb></div>
</template>

posted @ 2017-05-19 14:30  sungang  阅读(323)  评论(0)    收藏  举报