Vue日记-语法

很乱，不管，我就要发

---

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操作、视图分离

由此，出现了事件修饰符，按键修饰符