很乱，不管，我就要发
vue 的渐进式理念
用v-for循环渲染时，应当加上一个唯一key值，即类似
<div v-for="item in items" :key="item.id" />
官网里说这样是因为采用了“就地复用”策略，就是说当一个列表被修改之后，它不会移动dom，而是改改要改的，为了保证这种顺序的正确性呢，我们要提供这个Key.
还有类似
<div v-for="(item, index) in items" :key="item.id">
inde为item在items中的索引
如果循环遍历的是一个对象，还多了一个参数可以使用
<div v-for="(item, index, value) in object":key="item.id">
value是属性名
组件有自己独立的作用域，所以任何数据都不会被自动传递至组件里
那么为了组件之间能有数据交流，要用props
需要注意的是动态prop有些不同，我们需要用v-bind来动态地（所谓动态地就是在复制的时候加上v-bind)将prop单向绑定到父组件的数据。注意动态语法和字面量语法的不同哟～
prop是单向的（父到子）那么反过来的数据流可以用 自定义事件。
每个Vue实例都实现了事件接口。
具体来说就是父组件在调用子组件时监听子组件的事件
v-on:子组件定义的事件="此时要做的事情"
vue思想之 方法、dom操作、视图分离
由此，出现了事件修饰符，按键修饰符
