鍍金池/ 問答/HTML/ 小白白白白提問,這個函數(shù)為什么賦值才有效

小白白白白提問,這個函數(shù)為什么賦值才有效

問題:reverse函數(shù)內(nèi)的 “ this.msg= ”為啥去掉就不執(zhí)行了 ?感覺這里賦值沒有什么實(shí)際意義啊,后面不是說了this.msg.split("").reverse().join("")嘛

<div class="box">

<p>{{msg}}</p>
<button v-on:click="reverse">反轉(zhuǎn)</button>

</div>

<script>

var hua=new Vue({
    el:".box",
    data:{
        msg:"123456789"
    },
    methods:{
        reverse:function(){
             this.msg = this.msg.split("").reverse().join("")
             
        }
    }

})     

</script>

回答
編輯回答
眼雜

vue在監(jiān)聽data中msg屬性,這個屬性是基礎(chǔ)數(shù)據(jù)類型數(shù)據(jù),值沒有改變,或者這個屬性是引用類型數(shù)據(jù),地址或?qū)傩詻]有發(fā)生改變,監(jiān)聽者會跳過,不進(jìn)行頁面更新的。在這里this.msg沒有改變。

2017年6月24日 03:19
編輯回答
蝶戀花
this.msg.split("").reverse().join("")

這一句的結(jié)果是一個新的 string,原來的 this.msg 并沒有改動。

2018年9月23日 23:36