.sync的一個用法

面試時，有人問了我修飾符是什麼，就是一個點後面加一個單詞，我當時還以爲是什麼文件夾後綴呢。很是尷尬

這裏主要學習下.sync的一個用法
假設下場景：

這裏有一個父組件，父組件中有個money，需要傳到子組件中，但是我子組件又想改變這個值，該怎麼做呢，直接在方法中改值肯定是錯的，必須傳遞一個方法和值到父組件中才行。

但是這樣就必須在父組件中再註冊一個方法，這樣就有點麻煩了，所以就用到了sync

原始比較繁瑣的方式

父組件

<HelloWorld :money=money @update:money = "fn"></HelloWorld>

money: 200
fn(val){
       this.money = val
     }

子組件

<span>money----->{{money}} <button @click="handleMoney">點擊錢變多</button></span>

props:{
    money: null
  }
handleMoney () {
       this.$emit('update:money',400)
     }

而用了sync後，父組件就簡單多了
直接一步到位，也不用去寫什麼fn方法

<HelloWorld :money.sync=money></HelloWorld>