Property or method "praiseFn" 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 ---> <PraiseCom> at src/components/praiseCom.vue <ArticleIndex> at src/views/article/articleView.vue <App> at src/App.vue <Root>
时间: 2024-01-24 13:20:22 浏览: 187
Python 解决execjs._exceptions.ProgramError: ReferenceError: document is not defined报错问题
这个错误提示表示在渲染组件时,Vue无法找到一个名为"praiseFn"的属性或方法。这可能是因为你没有在组件的data选项中声明这个属性,或者这个属性没有被正确地响应式绑定。
要解决这个问题,你可以在组件的data选项中声明"praiseFn"属性,并初始化它。或者,你可以将"praiseFn"定义为组件的一个方法,并在模板中使用方法调用语法来调用它。
示例:
```html
<template>
<div>
<button @click="praiseFn">点赞</button>
</div>
</template>
<script>
export default {
data() {
return {
count: 0
}
},
methods: {
praiseFn() {
this.count++
console.log('点赞成功!')
}
}
}
</script>
```
在上面的示例中,我们在组件的data选项中声明了一个"count"属性,并将其初始化为0。然后,我们将"praiseFn"定义为组件的一个方法,并在模板中使用了方法调用语法来调用它。当用户点击按钮时,"praiseFn"方法会被调用,它会将"count"属性加1,并在控制台中输出一条消息。
阅读全文