小白白白白提问,这个函数为什么赋值才有效

问题:reverse函数内的 “ this.msg= ”为啥去掉就不执行了 ?感觉这里赋值没有什么实际意义啊,后面不是说了this.msg.split("").reverse().join("")嘛

<div class="box">

<p>{{msg}}</p>
<button v-on:click="reverse">反转</button>

</div>

<script>

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

})     

</script>

阅读 581
评论
    2 个回答
    • 4.6k

    vue在监听data中msg属性,这个属性是基础数据类型数据,值没有改变,或者这个属性是引用类型数据,地址或属性没有发生改变,监听者会跳过,不进行页面更新的。在这里this.msg没有改变。

      相似问题
      推荐文章