做了一个购物车案例
代码如下:
<div id="app">
<div class="container">
<my-cat :list='list'></my-cat>
</div>
</div>
总结:
父子组件间的通信不适用于爷孙之间,可以用注册组件方式通信。
子组件中的属性,input标签不适用v-model,可以使用事件对象$event.target.value获得input内容进行组件间通信
组件间通信,如果传参为多个,可以用对象方式
@blur为失去焦点事件
数组api的some方法在箭头函数中,return true可以结束循环