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

鍍金池/ 問答/人工智能  HTML/ vue中用++運(yùn)算符修改props值與+1修改props的區(qū)別？代碼如下：

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

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

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

圖片描述

在子組件中用++修改時會報如上錯誤，而用+1就不會，為什么呢？

回答
編輯回答
你的瞳

報錯信息很直接呀，說的是你壓根就不應(yīng)該在子組件里修改prop，因?yàn)樗鼈兎凑紩桓附M件覆蓋掉。以vue的實(shí)現(xiàn)原理來看，沒有必要地修改狀態(tài)會拖累性能。

vue認(rèn)為這種行為是新手常出現(xiàn)的bug，所以報警告。要是知道自己在干什么的話，可以不管。

2017年3月16日 18:04