如何解决vue报错 “Property or method “xxx“ is not defined on the instance but referenced during render.“

最新推荐文章于 2024-12-10 10:33:47 发布

原创最新推荐文章于 2024-12-10 10:33:47 发布 · 9.3k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

本文为博主原创文章，未经博主允许不得转载

收录于

#vue报错解决

当前文章被收录于：

#vue报错解决

7 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文探讨了在Vue.js开发中常见的属性声明与使用错误，包括拼写错误及未正确在data选项中声明属性的问题，并通过示例代码展示了如何避免这些错误。

错误示例
在这里插入图片描述
错误原因
1.拼写错误。
比如：”data“ 错拼成 ”date“。
2.再vue实例中，使用属性时，未在"data"区域里声明定义。
例如下列示例代码：

let vm = new Vue({
	el:"#demo",
		data:{
			lastName："三丰",
			fullName2:"张三丰"
		},
		watch:{
			firstName: function(value) { 
				this.fullName2 = value + this.lastName;  //此处使用到fullName2,则必须在data声明并赋值fullName2，否则，会报错
		}
	}
})