我用一个简单的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不支持右键单击

使用内部方法创建计算(computed)属性是否合法?

Vue 3 如何通过多个组件传递插槽

v-on 的 .native 修饰符仅在组件上有效,但在 标签上使用

超出最大调用堆栈大小 - Vue路由

更改 Vuetify 轮播高度

CssSyntaxError 使用 Webpack 4 构建未知单词

在 Vue 项目之间共享assets和组件

如何只查看数组中的一个对象?

如何使 Rails 与 vue.js 一起工作?

如何更新手动安装的 vue 组件上的props?

如何在 vuejs 中异步加载图像 src url?

如何使用 vuex 删除项目?

NUXT如何将数据从页面传递到布局

重新加载页面正在 vue 组件中的插槽上闪烁内容

如何从方法内部访问数据

偶数行格式化

Vue Cli 3:定义的输出路径

如何从扩展面板(Vuetify)中删除阴影?