Vue3警告[Vue warn]: Avoid app logic that relies on enumerating keys on a component instance.

news/2024/7/9 23:53:07 标签: vue, 前端, 大前端, Vue3

Vue3中使用watch监听useRoute()的时候,控制台报出警告:
[Vue warn]: Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead.

watch(route)是隐式的deep:true,它遍历任意深度的属性。所以从技术上来说,这是预期的行为。另外,当您只关心几个属性时,深入遍历复杂对象是浪费的。

您的用例可以而且应该改为使用计算属性重写:

const id = computed(() => {
   return Array.isArray(route.params.id) ? route.params.id[0] : route.params.id

如果必须使用watcher,还应使用watchEffect并避免深度监视:

watchEffect(() => {
      if (route.path === '/home') {
        state.firstPage = '/home'
        state.activePath = ''
      }

http://www.niftyadmin.cn/n/1143439.html

相关文章

JWT---Token身份令牌验证

什么是Token? 在计算机身份认证中是令牌(临时)的意思,在词法分析中是标记的意思。一般我们所说的的token大多是指用于身份验证的token 为什么使用token? 我们需要每次都知道当前请求的人是谁,但是又不想每次都让他提交…

Vue3中axios如何使用路由(useRouter)以及自定义hooks中使用useRouter报错问题(已踩坑)

随着vue3的更新,vue-router也更新到了4.x useRouter 相当于vue2的this.$router全局的路由实例,是router构造方法的实例 useRoute 相当于vue2的this.$route表示当前激活的路由的状态信息,包含了当前 URL 解析得到的信息,还有 URL 匹配到的 r…

React生命周期钩子函数(图示)

(旧) (新) 1.React16新的生命周期弃用了componentWillMount、componentWillReceivePorps,componentWillUpdate 2.新增了getDerivedStateFromProps、getSnapshotBeforeUpdate来代替弃用的三个钩子函数(co…

解决React中多级路径刷新页面样式丢失问题

1.public/index.html 中引入样式时不写 ./ 而是写 / (常用) 2.public/index.html 中引入样式时不写 ./ 而是写 %PUBLIC_URL% (常用) 3.使用HashRouter

Vue3警告:[Vue warn]: Extraneous non-emits event listeners (changeParentProps) were passed to component

在Vue3中组件通信中(子传父)报出如下警告: [Vue warn]: Extraneous non-emits event listeners (changeParentProps) were passed to component but could not be automatically inherited because component renders fragment or text root…

手撕Promise和Async await原理

Promise原理: const PENDING pending; const FULFILLED fulfilled; const REJECTED rejected;class MyPromise { status PENDING; // 状态一经改变就不可变value null;reason null;successCallback null;failCallback null;constructor(executor) {this.re…

大三实训,我用Nodejs和Vue3以及Typescript做了一个关于医院的后台管理系统 ❥(^_-)

已经大概有一个多月没有写博客了,最近一直在准备考研,所以时间有些紧张,今天特意拿出一下午时间来回忆回忆前端知识。今天就拿我在6月份所实训的后台管理项目来说一说。毕竟离上次写前端代码已经有很长时间了,有点想念啊~~~哈哈哈…