AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

vue-watch报错[[Vue warn]: Method “watch“ has type “object“ in the component definition. Did you refer]

2022-08-17 1684
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： [Vue warn]: Method “watch” has type “object” in the component definition. Did you reference the function correctly?

1.F12查看浏览器报错

image.png检查前端编码，暂没有发现任何问题，也可以正常编译，后端也无报错。

2.找到前端代码，查看watch所在位置

发现问题所在！watch方法竟然写进去了methods方法里面，被methods方法包裹住了。

只需要把watch代码块拿出来即可

3.解决方案

调整watch的位置即可

image.png

更改之后刷新页面发现就没有这个报错了

image.png

文章标签：
JavaScript
前端开发
关键词：
vue object
type object
报错object
VUE.js报错
VUE.js component
梦无矶小仔
目录
相关文章
你挚爱的强哥
|
JavaScript
报错[Vue warn]: $listeners is readonly. $attrs is readonly.怎么解决？
报错[Vue warn]: $listeners is readonly. $attrs is readonly.怎么解决？
你挚爱的强哥
1019 0
蓝易云
|
5月前
|
JavaScript 前端开发 开发者
讲述Vue框架中用于对象响应式变化的Object.defineProperty函数。
综上所述，Vue.js通过 `Object.defineProperty()`提供了强大的响应式能力，使得状态管理变得简洁高效。这种能力是Vue.js受到广大开发者青睐的重要原因之一。尽管Vue 3.x使用Proxy替代了该方法，但对于Vue 2.x及其之前版本，`Object.defineProperty()`是理解Vue.js内部工作机制不可或缺的一部分。
蓝易云
206 27
CamilleKing
|
JavaScript
vue学习（7）Object.defineProperty
vue学习（7）Object.defineProperty
CamilleKing
111 2
html的七十二变
|
JavaScript
Vue 的响应式原理中 Object.defineProperty 有什么缺陷
Vue 的响应式原理主要依赖于 `Object.defineProperty`，但该方法存在一些缺陷：无法检测到对象属性的添加和删除，且对大量数据进行代理时性能较差。Vue 3 中改用了 Proxy 来解决这些问题。
html的七十二变
382 5
爱你三千遍斯塔克
|
JavaScript 索引
Component name “index“ should always be multi-word vue/multi-word-component-names
Component name “index“ should always be multi-word vue/multi-word-component-names
爱你三千遍斯塔克
728 1
JavaPub
|
JavaScript
error Component name “Login“ should always be multi-word vue/multi-word-component-names【已解决】
error Component name “Login“ should always be multi-word vue/multi-word-component-names【已解决】
JavaPub
1142 1
niceffking
|
JavaScript
Vue : Object.defineProperty()
Vue : Object.defineProperty()
niceffking
107 2
fruge365
【vue3】Argumnt of type ‘history:RouterHistory；}is not assignable to paraeter of type ‘RouterOptions‘.
【vue3】Argumnt of type ‘history:RouterHistory；}is not assignable to paraeter of type ‘RouterOptions‘.
fruge365
223 0
朝阳39
|
JavaScript
vue 动态组件【详解】component :is
vue 动态组件【详解】component :is
朝阳39
683 0
小吴吴吴呀
Vue3 使用动态组件 component
Vue3 使用动态组件 component
小吴吴吴呀
592 0

热门文章

最新文章

  • 1
    从0搭建Vue3组件库之Icon组件
  • 2
    vue项目监听浏览器窗口大小发生变化触发事件
  • 3
    安卓开发 | 将Vue项目打包为app
  • 4
    VUE element-ui之table表格遍历渲染
  • 5
    【Vue+Element-UI】实现登陆注册界面及axios之get、post请求登录功能实现、跨域问题的解决
  • 6
    基于Vue3实现一个前端埋点上报插件并打包发布到npm（下）
  • 7
    基于Apify+node+react/vue搭建一个有点意思的爬虫平台
  • 8
    vue项目使用域名部署（一个域名多个项目）
  • 9
    Vue3中如何使用异步请求？
  • 10
    vue2项目打包dist文件后如何部署访问（本地部署和网络部署）
  • 1
    【05】AI辅助编程完整的安卓二次商业实战-消息页面媒体对象(Media Object)布局实战调整-按钮样式调整实践-优雅草伊凡
    132
  • 2
    完整的苹果内购in-purchase实例-采用object-c语言使用苹果的Storyboard开发模式的完整购买实例
    149
  • 3
    Playwright 自动化测试系列（7）| 第三阶段：测试框架集成​​Page Object 模式
    338
  • 4
    讲述Vue框架中用于对象响应式变化的Object.defineProperty函数。
    206
  • 5
    并发设计模式实战系列(8)：Active Object
    137
  • 6
    并发设计模式实战系列(12)：不变模式（Immutable Object）
    187
  • 7
    Python错误 - 'list' object is not callable 的问题定位与解决
    1016
  • 8
    重学Java基础篇—Java Object类常用方法深度解析
    278
  • 9
    对象数据的读取，看这一篇就够了！Object.keys()、Object.values()和Object.entries()用法详解；如何获取对象原型链上的属性
    932
  • 10
    课时78：Object类的基本概念
    195

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
  • 低代码开发师（初级）实战教程
    • 下一篇
    安全设备篇——WAF