1. 程式人生 > >Vue2 全域性-Vue.set更新vue資料

Vue2 全域性-Vue.set更新vue資料

程式碼:

<div id="shoppingCart">
    <ul>
        <li>{{ name }} --- {{ price }} --- {{ count }}</li>
    </ul>
</div>
<button onclick="reduceOne()">減少</button>

<script>
    function reduceOne() {
        Vue.set(cartData, 'count', cartData.count-1);
    }
    var cartData={
        name:"T-shirt",
        price:"$26.80",
        count:20
    };
    var cart=new Vue({
        el:"#shoppingCart",
        data:cartData
    });
</script>
頁面效果:(點選一下減少,數量減少一個)