简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Warum werden in Vue die von console.log ausgegebenen Werte durch die Anweisungen nach console.log beeinflusst und wie kann dieser Effekt vermieden werden?
欧阳克
欧阳克 2017-06-15 09:22:41
0
4
1270

Warum wird in Vue der von console.log(a) ausgegebene Wert durch die Anweisungen nach console.log(a) beeinflusst und wie kann dieser Effekt vermieden werden

?

Logisch gesehen sollten die von console.log zweimal ausgegebenen Werte unterschiedlich sein. Nur die beiden Ausgabewerte stören sich nicht

<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<p id="app">
  <p @click="add">{{a}}</p>
</p>
<script>
new Vue({
  el: '#app',
  data: {
    a:[]
  },
  methods:{
    add:function(){
      console.log(this.a);
      this.a.push(1);
      console.log(this.a);

    }
  }
})
</script>
</body>
</html>"


![图片描述][1]
欧阳克
欧阳克

温故而知新，可以为师矣。 博客：www.ouyangke.com

Antworte allen(4)
小葫芦
小葫芦2017-06-15 09:24:41 4 Etage

这是debug控制的特性，console.log输出的不是object的一个snapshot。你可以在控制台试一试

Wie +0
Antwort hinzufügen
曾经蜡笔没有小新
曾经蜡笔没有小新2017-06-15 09:24:41 3 Etage

我的理解，因为这个a是数组；跟对象一样，都是访问内存地址查看。
因为工作中，经常用chrome console.log一个对象，在调试器点开，里面内容基本一样，但表面可以看出前后结果是不一样的；
但是，打断点，debug就会发现改变之前，和之后是不一样的。
上图

Wie +0
Antwort hinzufügen
習慣沉默
習慣沉默2017-06-15 09:24:41 2 Etage

并没有一样啊，我就是把你的代码直接复制，运行了都没有一样啊~
添加后的a明明多1了呢

Wie +0
Antwort hinzufügen
Peter_Zhu
Peter_Zhu2017-06-15 09:24:41 1 Etage

这里给出一种轻松愉快的解决方案：

console.log(JSON.stringify(data, null, 2))

即可。

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！