在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vuejs中sync修飾符怎么使用？

vuejs中sync修飾符怎么使用？

研究學習vuejs的sync修飾符：
sync-修飾符

當使用一個對象一次性設(shè)置多個屬性的時候，這個 .sync 修飾符也可以和 v-bind 一起使用：
<comp v-bind.sync="{ foo: 1, bar: 2 }"></comp>

我使用

<comp v-bind.sync="{ foo: 1, bar: 2 }"></comp>

測試發(fā)現(xiàn)這種代碼是無效的，是不是我哪里寫錯了？改寫成：

<comp-component
            :foo.sync="localFoo"
            :bar.sync="localBar"
    ></comp-component>

就可以了。

使用的vuejs是2.5.13版本。為此我專門做了測試頁面：
測試頁面

clipboard.png

回答
編輯回答
赱丅呿

你寫的那種方式綁定的對象不在data里，不會觸發(fā)依賴檢測

2018年9月21日 04:44
編輯回答
假灑脫

引文來源是什么？

v-bind 需要指定綁定到子組件的哪個 prop 上，v-bind.sync 不是一個正確的綁定語法。

2017年5月26日 14:53
編輯回答
吢涼

自己測試了下，發(fā)現(xiàn)改成下面這種可以生效：
template:

<comp :foo.sync="cur.foo" :bar.sync="cur.bar"></comp>
<comp v-bind.sync="cur"></comp>

script:

components: {comp},
data () {
    return {
        cur: {
            foo: 100,
            bar: 100
        }
    }
}
2018年3月30日 18:41
編輯回答
故林
<comp v-bind.sync="{ foo: 1, bar: 2 }"></comp>

這種綁定是成功的，只是這是一個你沒法控制的對象

2018年1月30日 18:58