通過sync修飾符，來實現子組件更新父組件狀態，是目前寫法上最方便的語法糖了。下面舉個例子

1、首先父組件聲明狀態active，并寫一個子組件

<compo :foo.sync="active"></compo>

這種語法糖其實會被解析成

<compo :foo="active" @update:foo="val => active = val"></compo>

2、在子組件中，要是想修改父組件active的值，寫個 emit就搞定了

this.$emit('update:foo', newValue)

總結

以上是生活随笔為你收集整理的vue 子组件更新父组件状态 使用sync的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。