关于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>

猜你喜欢

转载自www.cnblogs.com/lili2/p/8968951.html