Question

我已经安装了Vue Devtootls但是每次我都有错误它没有在控制台中显示我看到他们喜欢[vue：warn]和错误。我把这段代码都没有。

catch(function(error){ console.log(error.message); });
   }

Answer 1

我认为你对vue-devtools有误解，vue-devtools是一个用作调试工具的浏览器扩展。您可以通过它检查您的组件，事件和更多信息。请在GitHub上查看其introduction。

另一方面，像[vue: warn] ...这样的消息是由Vue本身产生的。您认为没有收到邮件的原因仅仅是因为您使用了vue.min.js而不是vue.js。将以下代码保存为html文件，然后在chrome中打开它。您应该可以在Chrome控制台中看到警告消息。

<!DOCTYPE html>
<html>
<head>
  <title>Vue test</title>
</head>
<body>
  <script type="text/javascript" src="https://unpkg.com/vue@2.4.2/dist/vue.js"></script>
  <div id="app">
    <span>{{ message }}</span>
    <component1></component1>
  </div>
  <script>
    // Vue.component('component1', {
    //   template: '<button>{{ message }}</button>',
    //   data: function() {
    //     return {
    //       message: 'I am a test button'
    //     };
    //   }
    // });
    var vm = new Vue({
      el: '#app',
      data: {
        message: 'hello'
      },
    });
  </script>
</body>
</html>

如何在vue devtools中显示错误？

1 个答案: