开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >VUE 解决：Property or method "deleteFun" is not defined

VUE 解决：Property or method "deleteFun" is not defined

微风-- 轻许--

发布于 2019-05-26 12:44:11

发布于 2019-05-26 12:44:11

2.9K00

代码可运行

举报

文章被收录于专栏：java 微风java 微风

运行总次数：0

代码可运行

1. 一个点击事件报错：

Property or method "deleteFun" 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

2. 报错原因：这个方法未定义。我以为是写在methods中的，其实不是。我原写法：

3.解决：改正图中红框中位置代码。

这样就可以了。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019年03月15日，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

解决：The “data“ option should be a function that returns a per-instance value in component definitions

data 变量对象函数

“ 一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝。”

微风-- 轻许--

2022/04/13

1.2K0

解决：The “data“ option should be a function that returns a per-instance value in component definitions

vue[0x02] -- 基础特性

vue.js 渲染编程算法 html https

你会发现这样一个现象，我本来时挂载到id为app的div上的，但是它并没有这么做。

江涛学编程

2020/06/19

7390

vue[0x02] -- 基础特性

vue源码分析-基础的数据代理检测

vue.js 网络安全编程算法 android http

数据代理的另一个说法是数据劫持，当我们在访问或者修改对象的某个属性时，数据劫持可以拦截这个行为并进行额外的操作或者修改返回的结果。而我们知道Vue响应式系统的核心就是数据代理，代理使得数据在访问时进行依赖收集，在修改更新时对依赖进行更新，这是响应式系统的核心思路。而这一切离不开Vue对数据做了拦截代理。然而响应式并不是本节讨论的重点，这一节我们将看看数据代理在其他场景下的应用。在分析之前，我们需要掌握两种实现数据代理的方法： Object.defineProperty 和 Proxy。

yyzzabc123

2022/10/10

9380

JavaScript中的ES模块导入引发的vue未定义变量报错

javascript es config export 变量

[Vue warn]: Property or method "xxx" 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://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

人人都是码农

2023/11/17

1K0

JavaScript中的ES模块导入引发的vue未定义变量报错

api vue.js android react

组件来说，大多代码在Vue2和Vue3都非常相似。Vue3支持碎片(Fragments)，就是说在组件可以拥有多个根节点。

Qwe7

2022/06/30

5840

ES模块导入引发的vue未定义变量报错

首先定义了一个常见的 vue 项目配置文件 config.js，然后在组件中导入 config，按理说代码没问题，但是运行会一直报错 userName、age...未定义，data 里明明已经定义好了！

人人都是码农

2023/11/16

7730

vue 模板中使用 console.log

console vue3 对象配置原型

模板中的表达式将被沙盒化，仅能够访问到有限的全局对象列表。该列表中会暴露常用的内置全局对象，比如 Math 和 Date。没有显式包含在列表中的全局对象将不能在模板内表达式中访问。

奋飛

2023/04/21

6820

VUE 解决：Method "xxx" has already been defined as a data property.

2.解决方法：改变方法名。我其实不太理解，为什么不能用那个名字。依旧只能猜测可能类似java的保留关键字吧。

微风-- 轻许--

2019/05/26

5.8K0

前端二面vue面试题（边面边更）1

渲染大数据 vue.js javascript

有五种，分别是 State、 Getter、Mutation 、Action、 Module

bb_xiaxia1998

2023/01/03

9820

vue-property-decorator使用指南

vue.js typescript

vue-property-decorator是在Vue中使用TypeScript时，非常好用的一个库，使用装饰器来简化书写

viktor

2022/08/04

1.4K0

面试官：Vue实例挂载的过程中发生了什么?

javascript 面向对象编程 https vue.js 网络安全

vue构建函数调用_init方法，但我们发现本文件中并没有此方法，但仔细可以看到文件下方定定义了很多初始化方法

@超人

2021/02/26

1.6K0

【Hooks】：划一波官方文档的重点...

linux 编程算法 react mapreduce 云推荐引擎

1.1. It’s hard to reuse stateful logic between components

WEBJ2EE

2021/02/26

7740

【Hooks】：划一波官方文档的重点...

2022前端经典vue面试题（持续更新中）

缓存 vue.js javascript

一个SPA应用的路由需要解决的问题是页面跳转内容改变同时不刷新，同时路由还需要以插件形式存在，所以：

bb_xiaxia1998

2022/09/16

1.1K0

【Vue 源码解析】Vue实例挂载过程

core data render src 源码

源码位置：node_modules/vue/src/core/instance/index.js（ps：找不到可以在node_modules目录下搜索，因为懒惰后边就不写node_modules/vue这两级目录了）

CODER-V

2023/03/19

8580

【Vue 源码解析】Vue实例挂载过程

前端常见vue面试题合集

编程算法 vue.js 渲染

通过webpack的tree-shaking功能，可以将无用模块“剪辑”，仅打包需要的

bb_xiaxia1998

2022/11/09

7690

vue源码分析-从new Vue开始

vue.js 网络安全

那你觉得是不是很有意思，咱们new Vue之后，就可以使用他那么多的功能,可见Vue是暴出来的一个一个功能类函数，我们进入源码一探究竟：

yyzzabc123

2022/10/19

6130

4. 「vue@2.6.11 源码分析」new Vue() 整体流程和组件渲染之前的准备工作

渲染 vue.js 数据库一体机 TData

将组件渲染渲染分为两大步骤：组件信息（事件、方法等等）的初始化，以及组件的渲染。虽然源码中 $mount方法调用放在了_init方法上，但是感觉拿出来好些，毕竟是两个大的步骤。

tinyant

2023/02/24

7260

4. 「vue@2.6.11 源码分析」new Vue() 整体流程和组件渲染之前的准备工作

Vue中的Class Component使用指南

vue.js 面向对象编程 node.js 云推荐引擎 typescript

需要注意的是，如果未定义初始值，则类属性将不会是相应式的，这意味着不会检测到属性的更改：

CherishTheYouth

2021/07/27

3.1K0

Vue项目处理错误上报如此简单

vue.js node.js javascript 编程算法

随着网页项目越来越复杂，许多异常报错很难在开发和测试阶段被发现，尽管你可能避开了语法等常规错误，但不可避免的是代码在运行时的错误你仍旧无法准确预料，假设现在有如下一段 Vue 代码，它在生命周期的 created 阶段异步请求并接收了错误的数据，可能就会导致页面渲染出现错误：

茶无味的一天

2022/10/06

1.5K0

Vue项目处理错误上报如此简单

Vue 3 选项 API

javascript 编程算法 vue.js

其实我们经常使用到组件里面的数据，而这些数据是定义在 data 对象函数里面的，为什么要实现定义在 data 对象函数里面呢？在 data 对象函数中的数据，Vue 会对其进行响应式劫持，代理，使他们具有一修改就会相应地更新到页面上，也就是说这些数据是被监测着的。

公众号---人生代码

2020/11/26

2.8K0

相关推荐

解决：The “data“ option should be a function that returns a per-instance value in component definitions

更多 >

全栈程序员站长0

LV.2

CTO

作者相关精选

加入讨论

的问答专区 >

相关课程

一站式学习中心 >

轻量应用构建训练营

轻量应用服务器

云开发微搭低代码平台-一人构建企业级应用实战训练营

腾讯云微搭低代码

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验