您的位置:首页 > 产品设计 > UI/UE

vue 2.0 需注意事项

2017-01-09 11:06 155 查看
1、 template标签只能存在一个根节点(否则只渲染第一个根节点)

2、$on  和 $emit 用法:

<div>
<!-- 监听事件 -->
<modal-dialog v-on:close="change"></modal-dialog>
</div>

Vue.component('modal-dialog',{
template:' <button @click="close">Close</button>',
data:function(){},
methods:{
close:function(){
// 触发事件
this.$emit('close');
}
}
})

new Vue({
el:'',
data:{},
methods:{
change:function(){ }
}
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  vue2.0