我用一个简单的Vue编写了以下代码.js应用程序.但是vue.js devtools没有响应.几天前它运行得很好,现在不再运行了,可能出什么问题了?当我到https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd,它说它已经被添加.

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <script src="https://unpkg.com/vue@2.1.6/dist/vue.js"></script>

  <title>Document</title>
</head>
<body>
<div class="container">
  <div id="application">
    <input type="text" v-model="message">
    <p>The value of the input is: {{ message }}</p>
  </div>
</div>

<script>
  let data = {
    message: 'Hello World'
  }

  new Vue({
    el: '#application',
    data: data
  })
</script>
</body>
</html>

推荐答案

另一种 Select 是设置一个本地web服务器,如OP already stated

只需转到chrome://extensions,并在"Allow access to file URLs"框中勾选Vue即可.js开发工具.

Sources:
https://github.com/vuejs/vue-devtools#common-problems-and-how-to-fix
http://codersdeck.com/vue-js-2-setting-vue-devtools/

Vue.js相关问答推荐

VueUse onClickOutside不支持右键单击

点击屏幕的任何位置都会禁用v-overlay

如何向 添加方法和 v-model?

vue3 + pinia:如何从?store 中获取一个值

vuetify/mdi 不显示图标

使用计算(computed)属性更改视图

:deep() 带有嵌套 scss 规则的语法

拖入 vue2-google-map 后如何获取标记位置?

如何从特定索引呈现 v-for

Vue.js 中有没有类似Jquery $(document).ready的功能?

Vue @click 不适用于存在 href 的anchor锚标记

Vue 和 TypeScript 所需的props

此 set-cookie 已被阻止,因为它具有 samesite=lax

Vuetify v-btn 路由活动类问题

如何在 vue.config.js 中为生产设置 API 路径?

如何从方法内部访问数据

如何在 vue.js 2 上循环对象观察者?

Vue.js 无法读取 null 的属性 length长度

v-bind:class 的 Vue.js 计算(computed)属性

vue-cli@3 没有可用于依赖类型的模块工厂:CssDependency