單向數據流

數據從父級組件傳遞給子組件，只能單向綁定。

子組件內部不能直接修改從父級傳遞過來的數據。

錯誤的

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;

            }

     }