关于vue2.0组件的几个坑
1.父子组件,子组件在父组件里面,必须外面包一个节点,如div,如:
<div id="app">
<parent-component><parent-componnet>
</div>
<template id="parent-template">
<!---这是错误的----->
<child-component></child-component>
<!-------这是正确的--------->
<div><child-component></child-component></div>
</template>
2.使用computed来重新定义data的时候,data是不能修改的,要能修改,需要在computed里面设置set,如:
/***常规写法是这样***/
computed:{
newItem:function(){
return this.item
}
}
/***要修改的话要这样***/
computed:{
newItem:{
get:function(){
return this.item;
},
set:function(value){
return value
}
}
}
3.组件之间通信,$emit从子组件传值到父组件,括号不能有,如:
<parent-component @save-new-item="saveNew"></parent-component>