vue warn getter is missing for computed property ‘watch‘

eobeans eobeans 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 8.7k累计阅读 8.7k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄10年
关注
原创 最新推荐文章于 2026-09-25 14:55:38 发布 8.7k 阅读 AI 写同款· GEO 优化 ›
Vue 源码解读（3）—— 响应式原理 前言 上一篇文章 Vue 源码解读（2）—— Vue 初始化过程 详细讲解了 Vue 的初始化过程，明白了 new Vue(options) 都做了什么，其中关于 数据响应式 的实现用一句话简单的带过，而这篇文章则会详细讲解 Vue 数据响应式的实现原理。 目标 深入理解 Vue 数据响应式原理。 methods、computed 和 watch 有什么区别？ 源码解读 经过上一篇文章的学习，相信关于 响应式原理 源码阅读的入口位置大家都已经知道了，就是初始化过程中处理数据响应式这一步，即调用 阅读详情

watch 和 computed 同级，
却将watch 方法写在了 computed内，导致vue警告。

computed: {
	watch: ....
}

将watch取出，和computed同级即可。

收录于
javascript

当前文章被收录于：

javascript
9 篇文章 0 人学习
订阅专栏 查看详情
标签
#javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
【VUE】源码分析 - computed计算属性的实现原理 从源码出发，剖析computed计算属性的响应式原理、缓存原理。 阅读详情

相关推荐

微波技术基础：从场论到S参数的工程化理解

微波技术是高频电路与电磁场理论交叉的核心领域，其本质在于当工作频率升高至300 MHz以上时，电路尺寸与波长可比，必须放弃集总参数模型，转而采用基于麦克斯韦方程组的分布参数建模。特性阻抗、相速与群速、TE₁₀主模、S参数等关键概念，均源于电磁波在传输线与波导中的传播特性与边界约束。这些不仅是考试得分点，更是HFSS仿真建模、矢量网络分析仪实测、PCB阻抗匹配和微波器件调试的底层逻辑支点。掌握它们，意味着能将抽象‘场’转化为可计算的Z₀、可测量的S₁₁、可验证的模式场图。

weixin_33910137的博客 810

Computed property “isReceive“ was assigned to but it has no setter.

解决方式（计算属性改为以下写法）： computed:{ isReceive:{ get: function () { return 1; }, set: function () { return 2; } ...

LPLIFE的博客 7606

银河麒麟V10离线升级OpenSSH实战：从编译到回滚全流程

OpenSSH作为Linux系统远程登录的核心组件，其版本升级直接关系到系统安全与等保合规。在信创环境下，银河麒麟V10自带的OpenSSH版本往往无法满足漏洞扫描与安全加固要求，而离线编译升级涉及依赖处理、编译参数、服务替换与回滚方案等多个技术环节。本文围绕银河麒麟V10（x86_64）平台，详细讲解OpenSSH离线升级的完整实操流程，包括环境摸底、依赖包安装、源码编译、配置文件兼容性处理、服务重启验证以及常见问题排查，并分享批量升级与安全加固的工程经验，帮助运维人员在不断网、不重装的前提下一次成功完成

weixin_30582943的博客 390

vue核心面试题（computed的实现原理或特点）

概念： computed是一个计算属性,类似于过滤器,对绑定到view的数据进行处理，计算属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。它用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理。 原理： 在initState的时候会初始化initComputed，默认初始化计算属性initComputed的时候会创建一个watcher（new Watcher），这个watcher有一...

王三六博客 3291

Security Onion的部署(超详细)

本文介绍了开源入侵检测系统securityonion的部署

qq_72583325的博客 6070

3A之自动对焦（AF）算法：从Tenegrad到拉普拉斯的清晰度评价实战

本文深入解析自动对焦（AF）算法的核心——清晰度评价函数，通过实战对比Tenegrad、方差、能量梯度、Brenner和拉普拉斯五大经典算法的原理、代码实现与性能。文章详细阐述了各函数在计算速度、抗噪性和单峰性上的优劣，并提供了从仿真测试到硬件部署的优化策略，帮助开发者根据实际场景选择最合适的AF算法。

weixin_29281915的博客 314

对 vue的computed的一些理解

首先说一下vue的响应式，数据模型仅仅是普通的js对象，当你修改它们的时候，视图就会更新。 当把一个普通js对象传给Vue实例的data，Vue将遍历对象所有的属性，使用Object.defineProperty将这些属性转为getter/setter， 在内部让Vue追踪依赖，在属性被访问或者修改的时候通知变化，每个组件实例都有watcher实例。它在组件渲染的途中把属性记为依赖，之后当依赖项的...

onepunchmen00的博客 4206

别再凭感觉了！手把手教你用Excel搞定激光器MPE与NOHD安全计算（附模板下载）

本文详细介绍了如何利用Excel自动化计算激光器的MPE（最大允许照射量）和NOHD（标称眼危害距离），提升激光安全评估的效率和准确性。通过实战案例和模板下载，帮助工程师快速掌握GB/T 7247标准中的关键计算，避免常见错误，适用于激光测距仪等设备的安评工作。

weixin_30954265的博客 468

vue响应式分析（三）计算属性与侦听属性

计算属性与侦听属性 计算属性 computed，通过监听某些响应式数据，从而实现动态返回一个变量，和react hooks中的effect有点类似，可以实现相同效果。 // vue中写法 export default{ computed:{ name(){ return firstName + lastName } } } // react hooks写法 const App = () => { const [firstName,

weixin_43823603的博客 1036

用树莓派搭建全功能NAS服务器（01）:树莓派基础操作&OMV搭建

写在前面 对于文件互传来说，局域网和云盘的操作总是独立的，而且很难将两者的优势合为一体。如果想要集多种优势为一体，那么NAS应该就是较为完美的解决方案了。 在这个系列中我们尽量跳过一些枯燥的理论知识，专注于说明两件事：   1.NAS是什么&能做什么 2.搭建思路&怎么做   这中间也会涉及到一些方案的选择，同类方案我也会列出来和大家分享我已知的优缺点，有兴趣可以多种尝试。（侧重于软件） 虽然是用树莓派搭建的，但是对于debian linux系统下的NAS搭建有着很好的参

斯塔克家的真维斯的工作间 2万+

在安装之后使用labelme出现qtpy.PythonQtError:No Qt bindings could be found错误

我在base环境（python3.7)可成功安装和使用labelme，而在同py37版本和py36的虚拟环境中可安装labelme包，但在使用的时候出现报错，如下： 我尝试着去解决第一个错误提示，错误提示为：moduleNotFoundError:No module named ‘PySide’，结果掉入了一个无止无尽的坑，看到网上有朋友说这个只能在py27-py35才能安装，还有说需要VC+ 140等，他们说的这个解决方案只针对于这个缺包的描述，而我们仅仅只需要一个labelme，因此我直接对后面的错误

qq_33538651的博客 9817

Vue中computed分析

Vue中computed分析 在Vue中computed是计算属性，其会根据所依赖的数据动态显示新的计算结果，虽然使用{{}}模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的，在模板中放入太多的逻辑会让模板过重且难以维护，所以对于任何复杂逻辑，都应当使用计算属性。计算属性是基于数据的响应式依赖进行缓存的，只在相关响应式依赖发生改变时它们才会重新求值，也就是说只要计算属性依赖的数据还没有发生改变，多次访问计算属性会立即返回之前的计算结果，而不必再次执行函数，当然如果不希望使用缓存可以使用方法属性并返

WindRunnerMax 1569

【华为OD机试】创建二叉树（python, java, c++, js）

请按下列描达构建一颗二叉树，并返回该树的根节点： 1、先创建值为-1的根结点，根节点在第0层; 2、然后根据operations依次添加节点： operations[i] = [height, index] 表示对第 height 层的第index 个节点node， 添加值为i 的子节点： 若node 无「左子节点」。则添加左子节点; 若node 有「左子节点」但无「右子节点」，则添加右子节点： 否则不作任何处理。 height、index 均从0开始计数；index 指所在层的创建顺序。

A_D_I_D_A_S的博客 188

源码分析vue computed

源码分析vue computed 在阅读本文之前，建议先了解vue响应式原理和watch侦听器相关原理，可以看一下源码分析vue响应式原理 和源码分析vue watch侦听器，将有助理解computed。 用法示例 var vm = new Vue({ el: '#app', data: { message: 'Hello' }, computed: { reversedMessage: function () {

Jiuto_crx的博客 528

[从零开始学习FPGA编程-18]：快速入门篇 - 操作步骤2-6- VerilogHDL时序电路语法分析（以计数器为例）

目录前言：第1章 功能模块代码：counter.v第2章 驱动代码：tcounter.v前文以及阐述了VerilogHDL基本语法，本文将以modelsim自带的计数器程序来解读VerilogHDL的语法。代码路径：

文火冰糖（王文兵）的博客 7万+

C# WinForm 基于DirectShow.dll编写的程序，可边预览边保存视频，音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择（默认选中第一个）2.可录制wmv和avi两种格式的视频并且都带有音频，avi可以录制的分辨率和帧数进行选择，wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照，也可边录制视频边拍照4.添加了视频和音频的压缩功能（酌情使用）这次二次开发发现C#对DirectShow的相关信息太少，这次做完也不敢藏私共享出来，还望大家指正

Vue源码系列23---响应式原理-----计算属性和侦听属性

Vue 的组件对象支持了计算属性computed和侦听属性watch2 个选项。计算属性本质上是computed watcher，而侦听属性本质上是user watcher。就应用场景而言，计算属性适合用在模板渲染中，某个值是依赖了其它的响应式对象甚至是计算属性计算而来；而侦听属性适用于观测某个值的变化去完成一段复杂的业务逻辑。watcher有4 个options，通常会在创建...

编程小渣渣的进阶之路 464

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

vue计算属性computed源码解析笔记

源码学习的笔记吧，还存在一些问题，会继续补充！ 1. 使用示例 (官网) var vm = new Vue({ data: { a: 1 }, computed: { // 计算属性的 getter // 仅读取 aDouble: function () { // `this` 指向 vm 实例 return this.a * 2 }, // 读取和设置 aPlus: { get: function () {

m0_49159526的博客 923

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册，内含HL7和ASTM)

vue的源码学习之七——4.计算属性(computed)

1 介绍            版本：2.5.17          我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。        学习文档：https://ustbhuangyi.github.io/vue-analysis/reactive/computed-watcher.html 2 功能  我们知道computed实时检测属性有没有发生变化，当发...

路在脚下，幸福在手中，莫贪！！！！！ 1883

源码分析：Vue computed，一文读懂计算属性原理

Computed computed属性是在initState阶段初始化的，我们直接看源码： 计算属性初始化 export function initState (vm: Component) { vm._watchers = [] const opts = vm.$options if (opts.props) initProps(vm, opts.props) if (opts.methods) initMethods(vm, opts.methods) if (opts.data)

m0_52544128的博客 621

Vue学习记录（1）

记录下前段时间学习的vue，方便自己后面回来查看。 ps： vue全家桶套餐：1. vue - router; 2. vuex; 3. vue-resource 加上构建工具： vue-cli 饿了么： 组件 PC端： element-ui 移动端： mint-ui Vue基础知识： （1）历史介绍 angular 09年 react 2013年，用户体验好 ...

loringray的博客 277

vue 初始化请求例子_Vue源码分析之Vue实例初始化详解

这一节主要记录一下：Vue 的初始化过程以下正式开始：Vue官网的生命周期图示表重点说一下 new Vue()后的初始化阶段，也就是created之前发生了什么。initLifecycle 阶段export function initLifecycle (vm: Component) {const options = vm.$options// locate first non-abstract ...

weixin_39901439的博客 390

Vue bug汇总

Method “XXX” has already been defined as a data property. 原因：函数名与data数据里的变量名重复了。 解决方案：修改函数名或修改data里的变量名即可。

coo1的博客 5174

Vue源码学习之Computed与Watcher原理

 computed与watch是我们在vue中常用的操作，computed是一个惰性求值观察者，具有缓存性，只有当依赖发生变化，第一次访问computed属性，才会计算新的值。而watch则是当数据发生变化便会调用回调函数。我们虽然知道vue是这么操作的，但是原理我们又知多少呢？接下来我们来分析一下两者的原理。 我们知道new Vue()的时候会调用_init方法，此时会调用initState方法，源码如下：  在initState方法中调用了initComputed，初始化了计算属性，那么我们看一下ini

认定的总要想办法去完成。 1750

Vue源码学习(3)——计算属性computed实现原理

文章目录前言实现原理分析initStateinitComputeddefineComputedWatcher对计算属性的处理总结 前言 看这篇文章之前最好先对Vue的MVVM实现原理有一定的认识，因为这是Vue的核心概念，其他的工具大部分都是在此之上锦上添花，如果你不是很了解，可以先看看这篇文章： Vue的MVVM原理 实现原理分析 initState 在Vue源码的src/core/instance/state.js中，我们可以看到有个initState方法，里面有一个initComputed方法的调用，

tq26556570的博客 918

vue中计算属性computed的getter setter问题

首先不应该使用箭头函数来定义计算属性函数 (例如 aDouble: () => this.a * 2)。理由是箭头函数绑定了父级作用域的上下文，所以 this 将不会按照期望指向 Vue 实例，this.a 将是 undefined。 需求如下： 邮箱和编码联动： 规则是邮箱是编码+@xx.com 代码

王小贱的博客 1万+

vue中 methods、watch、computed之间的差别

一、计算属性 当页面中有某些数据依赖其他数据进行变动的时候，可以使用计算属性。 {{fullName}} var vm = new Vue({ el: '#app', data: { firstName: 'Foo', lastName: 'Bar', }, computed:

casanover 1367
上一篇： Vue jsx 动态绑定 class
下一篇： Invalid handler for event “input“: got undefined
点赞 2
评论 0
书签 书签 2
eobeans
eobeans
博客等级 码龄10年 1粉丝 29原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值