Vue 组件相关

[shinena]

单向数据流

所有的prop都使得其父子之间形成了一个单向下行绑定：父级prop的更新会向下流动到子组件中，但是反过来则不行。
防止从子组件意外变更父级组件的状态，从而导致应用中的数据流难以理解。

每次父级组件发生变更时，子组件中所有的prop都将会刷新为最新的值。不能在一个子组件内部改变prop。

两种常见的试图变更一个prop的情形：

1. 这个prop用来传递一个初始值；这个子组件接下来希望将其作为一个本地的prop数据来使用。这种情况下，最好定义一个本地的data property并将这个prop用作其初始值：

props: ['initialCounter'],
data: function () {
  return {
    counter: this.initialCounter
  }
}

2. 这个prop以一种原始的值传入且需要进行转换。在这种情况下，最好使用这个prop的值来定义一个计算属性：

props: ['size'],
computed: {
  normalizedSize: function () {
    return this.size.trim().toLowerCase()
  }
}

[shinena]

data中的属性为什么是一个function？

一个组件的data选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝。