为什么在Vue组件里console.log不输出数据？

慕容路杨提问于 2026-03-23 09:50:19 阅读 17

工具

我在Vue组件的mounted钩子里写了console.log，但控制台啥也没打印出来，是不是写法有问题？

我试过把log放在created里也不行，页面能正常渲染，就是控制台静悄悄的。代码大概是这样：

<template>
  <div>{{ message }}</div>
</template>

<script>
export default {
  data() {
    return { message: 'Hello' }
  },
  mounted() {
    console.log(this.message)
  }
}
</script>

我来解答赞 3 收藏

反馈

1 条解答

瑞丽 Dev Lv1

试试这个方法。确保你的Vue项目没有其他地方覆盖了console.log或者有错误阻止了脚本的执行。你可以在mounted钩子里面先打印一个简单的字符串，看看是否有反应。比如这样：

mounted() {

  console.log('Component is mounted')

  console.log(this.message)

}

如果这个字符串打印出来了，但是this.message还是没打印，那就检查一下是否有其他地方修改了message的值，或者是在某些条件下才应该打印。如果连字符串都没打印出来，那可能得检查一下浏览器控制台是否有其他错误信息，或者是Vue的环境配置问题。有时候浏览器插件或者扩展也会捣乱，尝试禁用它们再跑一次。

2026-03-23 10:01