我正在尝试遵循本教程并复制代码。我唯一改变的是 index.js 的位置，这不应该是问题，因为 hello world 教程工作得很好。控制台输出以下内容：[Vue warn]: Property or method "seen" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.(found in <Root>)所以我的问题是，index.js 文件中的这段代码是否有任何问题：var app = new Vue({ el: '#app', data: { seen: true }})或者html文件有问题（插入到markdown文件中，因此是标题部分）---title: vue---<html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <span v-if="seen">Now you see me</span> </div> <script src="vue/index.js"></script> </body></html>这可能是一个简单的错误，但我已经摆弄了两个小时。如果有人能帮助我那就太好了。
2 回答
翻过高山走不出你
TA贡献1875条经验 获得超3个赞
我正在尝试遵循本教程并复制代码。我唯一改变的是 index.js 的位置，这不应该是问题，因为 hello world 教程工作得很好。控制台输出以下内容：
[Vue warn]: Property or method "seen" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.(found in <Root>)
所以我的问题是，index.js 文件中的这段代码是否有任何问题：
var app = new Vue({
el: '#app',
data: {
seen: true
}
})
或者html文件有问题（插入到markdown文件中，因此是标题部分）
---
title: vue
---
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<span v-if="seen">Now you see me</span>
</div>
<script src="vue/index.js"></script>
</body>
</html>
这可能是一个简单的错误，但我已经摆弄了两个小时。如果有人能帮助我那就太好了。
至尊宝的传说
TA贡献1789条经验 获得超10个赞
如果您使用 CDN，您的代码应如下所示：
<html>
<head>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<div id="app">
<span v-if="seen">Now you see me</span>
</div>
<script type="text/javascript">
new Vue({
el: "#app",
data() {
return {
seen: true,
};
},
});
</script>
<style>
</style>
</html>
您将数据定义为返回对象的函数。
添加回答
举报
0/150
提交
取消