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

帅气法神
  • 288

问题: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>

回复
阅读 687
2 个回答
✓ 已被采纳
this.msg.split("").reverse().join("")

这一句的结果是一个新的 string,原来的 this.msg 并没有改动。

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏