Vue2 全局-Vue.set更新vue数据

来源:互联网 发布:js currenttime 编辑:程序博客网 时间:2024/06/03 14:46

代码:

<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>


页面效果:(点击一下减少,数量减少一个)



原创粉丝点击