2 回答

TA貢獻(xiàn)1875條經(jīng)驗 獲得超3個贊
我正在嘗試遵循本教程并復(fù)制代碼。我唯一改變的是 index.js 的位置,這不應(yīng)該是問題,因為 hello world 教程工作得很好。控制臺輸出以下內(nèi)容:
[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
}
})
或者h(yuǎn)tml文件有問題(插入到markdown文件中,因此是標(biāo)題部分)
---
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>
這可能是一個簡單的錯誤,但我已經(jīng)擺弄了兩個小時。如果有人能幫助我那就太好了。

TA貢獻(xiàn)1789條經(jīng)驗 獲得超10個贊
如果您使用 CDN,您的代碼應(yīng)如下所示:
<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>
您將數(shù)據(jù)定義為返回對象的函數(shù)。
添加回答
舉報