孙卫琴的《精通Vue.js》读书笔记-Vue组件的单向数据流

本文参考孙卫琴，杜聚宾所创作的 <<精通Vue.js: Web前端开发技术详解>>一书

为了简化组件的数据传递过程，避免因为在某个组件中随意修改数据而出现混乱，Vue框架提供了以下建议：
（1）单向传递组件的属性，即由父组件把属性值传递给子组件的属性。
（2）在子组件中不随意修改由父组件传入的对象或数组类型的属性的内容。
在例程1的oneflow.html中，根组件在自己的模板中会把变量data1和data2传给子组件的属性v1和v2。

例程1 oneflow.html

    <div id="app">
      <input v-model.number="data1"/>
      <input v-model.number="data2"/>
      <add :v1="data1"  :v2="data2"></add>
    </div>

    <script>
      const addComponent={
        props:['v1','v2'],
        template: '<div>{
  {v1}}+{
  {v2}}={
  {v1+v2}}</div&g