gpt4 book ai didi

vue.js - 为什么 Vue.js Chrome Devtools 没有检测到 Vue.js?

转载 作者:搜寻专家 更新时间:2023-10-30 22:07:54 24 4
gpt4 key购买 nike

我有以下代码和一个简单的 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>

最佳答案

另一种方法是设置本地网络服务器,作为 OP already stated .
另一个 - 恕我直言,速度更快且骚扰更少 - 允许扩展程序访问文件 URL,这在默认情况下是禁用的。

只需转到 chrome://extensions 并为 Vue.js devtools 选中“允许访问文件 URL”框。

来源:
https://github.com/vuejs/vue-devtools#common-problems-and-how-to-fix

关于vue.js - 为什么 Vue.js Chrome Devtools 没有检测到 Vue.js?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41215867/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com