vue中用++運(yùn)算符修改props值與+1修改props的區(qū)別？代碼如下：

在學(xué)習(xí)vue過(guò)程中，遇到如下問(wèn)題，望道友幫幫忙。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中央事件bus</title>
</head>
<body>
    <div id="app">
        <div>{{coun}}</div>
        <addbtn :count="coun"></addbtn>
        <subbtn :count="coun"></subbtn>
    </div>

    <script src="./vue.js"></script>
    <script>
        var busVM = new Vue();
        var vm = new Vue({
            el:"#app",
            data:{
                coun:0
            },
            components:{
                'addbtn':{
                    template:`<button @click="addcount">+</button>`,
                    props:["count"],
                    methods:{
                        addcount(){
                            busVM.$emit("changeCount",++this.count);
                        }
                    }
                },
                'subbtn':{
                    template:`<button @click="subcount">-</button>`,
                    props:["count"],
                    methods:{
                        subcount(){
                            busVM.$emit("changeCount",this.count-1);
                        }
                    }
                }
            },
            mounted:function(){
                busVM.$on("changeCount",function(val){
                    this.coun = val
                }.bind(this))
            }
        });
    </script>
</body>
</html>

圖片描述