单向数据流

数据从父级组件传递给子组件，只能单向绑定。

子组件内部不能直接修改从父级传递过来的数据。

错误的

props: ['count'],

methods: {

    changeCount() {

      this.count++

    }

  }

 

正确的

解决办法：

1. 使用data

 props: ['count'],

  data() {

         return {

              initCount: this.count

           }

    },

1. 使用computed

props: ['count'],

data() {

        return {

                initCount: this.count

               }

       },

    //与直接使用data不一样的是这里添加选项参数计算属性`computed`

computed: {

         initCount2() {

              return this.initCount;

            }

     }