对于Vue中data数据改变-页面重新渲染问题

最新推荐文章于 2024-08-05 11:36:41 发布

Tmengxing

最新推荐文章于 2024-08-05 11:36:41 发布

阅读量5.9k

点赞数 2

文章标签： vue

本文链接：https://blog.csdn.net/Tmengxing/article/details/106770996

版权

本文探讨了Vue中数据改变时页面是否重新渲染的问题。针对基本数据类型，Vue能自动检测并更新页面；而对于引用数据类型，如数组和对象，需要使用特定方法如数组的push等或Vue.set来触发视图更新。直接修改对象属性不会触发更新。

摘要由CSDN通过智能技术生成

看代码吧…
…代码一：

<div id="app">
    {
   {
   msg}}
</div>
<script>
    let vm = new Vue({
   
        el:'#app',
        data(){
   
            return {
   
                msg:'hello',
            }
        },
    })
  setInterval(()=>{
   
	let random =Math.round( Math.random()*10);
	//基本数据类型
	vm.msg +=random;
	console