vue組件中的.sync修飾符使用

在vue的組件通信props中，一般情況下，數據都是單向的，子組件不會更改父組件的值，那么vue提供.sync作為雙向傳遞的關鍵字，實現了父組件的變動會傳遞給子組件，而子組件的carts改變時，通過事件機制，修改父組件的cart。完成了子組件carts和父組件cart的雙向映射。

// 父組件
<addicon :cart.sync="cart"></addicon>

//子組件
props: ['cart'],
data: function () {
        return {
            carts: this.cart;
        }
},
methods:{
    add:function(){
        this.carts=10;
        this.$emit('update:cart',this.carts);
    }
}