VUE3警告setup() return property __width_ should not start with _$_ or ___ which are reserved prefixes

最新推荐文章于 2024-09-30 14:28:41 发布
最新推荐文章于 2024-09-30 14:28:41 发布
阅读量386 收藏 7
点赞数 4
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZDrawer/article/details/136962378
版权

控制台警告

image.png

BUG 定位

image.pngimage.png

出现问题的原因

Vue在组件实例上暴露的内置API使用$作为前缀，内部属性保留_前缀。所以为了避免和他内部属性冲突，那么字符最好不要使用_作为属性名的前缀

解决

改名 把_width改成localwidth（不使用_开头）
image.png

ZDrawer
关注
Vue - 解决 Property or method “__v_isRef“ is not defined on the instance but referenced（浏览器控制台报错，代码没错）
王佳斌
11-29 3607
vue，vue2控制台报错，vue报错Property or method "__v_isRef" is not defined on the instance but referenced，vue代码没问题，但是报错Property or method "__v_isRef" is not defined on the instance but referenced，vue2如何解决报错，vue怎么解决报错问题，vue2 Property or method "__v_isRef" is not defi
Vue3 - 解决报错 Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined.You are r
王佳斌
07-24 5791
vue3，nuxt3，报错，警告，出错，vite，webpack，vue-cli，vueCli，vue3 vue-cli报错，vue3+vite警告报错，如何解决这个问题，修改版本也不行，@vitejs/plugin-vue，还是警告无法解决，其他方法，Vue3使用CLI搭建后，出现runtime-core.esm-bundler，项目启动报错，打包，加载，浏览器控制台黄色警告，vue3 出现Feature flag __VUE_PROD_HYD如何解决，nuxt3如何解决，未被明确定义，用Vue-CLI脚
解决Property or method “__v_isRef” is not defined on the instance but referenced during render.
panda被占用了的博客
04-23 477
3.另外的一种情况是v-model绑定的数据范围被扩大了，例如v-model="this"，这样的话v-model绑定的肯定是this这个对象，这个对象指向了vue实例对象，这就意味着会有各种各样的数据对象将要被绑定，不限于“__v_isRef”、"$_"等内置对象数据。2.在v-model绑定双向数据的时候在data中并没有需要绑定的数据，我举个例子 v-model="aaa",但是在data中并没有定义aaa:""。这是其中的一种情况。我各种查阅资料，最后找到了这个问题的原因。
vue项目报错[Vue warn]: Property “visible“ must be accessed with “$data.visible“ because properties start
初心不改
08-01 2906
遇到这个问题本来打算一个一个去排查，偷了个懒，直接网上找了一下，结果真给找到解决办法了： 解决办法 我的问题与一篇博客下的评论区小姐姐说的一致，引用她的话以作记录： 解决了，是自定义路由文件合适错了。报这个错的问题不是一般多，这次是因为我把router中一个模块的路由分出来写的，在路由的index文件中不小心带有了[],成为了数组，在asyncRouter里面引用的时候应该是对象形式的，所以报了错。 然而，当项目代码不完善的时候，还是会报这样的错，比如说，在Request.js中有个user/refres
Runtime 核心原理，Vue3真正的烫手山芋
weixin_61372907的博客
06-13 666
vue中的runtime模块是做什么？怎么做的？作为伟大的程序猿怎么能仅仅是会用呢？这篇文章我们来探讨一下Vue的runtime核心原理和实现思路
深度解读 Vue3 源码 | 组件创建过程
五柳
10-03 1398
前言 在「Vue3」中，创建一个组件实例由 createApp 「API」完成。创建完一个组件实例，我们需要调用 mount() 方法将组件实例挂载到页面中： createApp({ ... }).mount("#app"); 在源码中整个组件的创建过程: mountComponent() 实现的核心是 setupComponent()，它可以分为两个过程： 开始安装，它会初始化 props、slots、调用 setup()、验证组件和指令的合理性。 结束安装，它会初始化 computed、
vue高频面试题（一）
web全栈开发的博客
06-02 1625
vue.js：vue-cli工程的核心，主要特点是数据双向绑定和组件系统vue-router：vue官方推荐使用的路由框架vuex：专为Vue.js应用项目开发的状态管理器，主要用于维护vue组件间共用的一些变量和方法。asios：用于发起GET或POST等的http请求，基于Promise 设计创建一个eenit.js文件，用于vue事件机制的管理webpack：模块加载和vue-cli工程打包器build 文件夹：用于存放 webpack 相关配置和脚本。
vue2/3 - 报错Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined. You are r
高级前端工程师
03-21 3864
vue3，vue2，vite，webpack，vue3+vite，vue2+webpack，npm run dev，npm run serve，vue项目启动报错，vue警告，浏览器警告解决，Feature flag VUE_PROD_HYDRATION_MISMATCH_DETAILS is not explicitly defined. You are running the esm-bundler build of Vue, which expects these compile-time featu
vue - marked 解析插件报错：marked__WEBPACK_IMPORTED_MODULE_5___default(...) is not a function（完美解决marked报错）
高级前端工程师
12-18 4545
vue，marked，marked插件报错，markdown解析插件，vue项目，vue网页网站报错，浏览器控制台报错，import marked from 'marked'引入报错，如何解决marked插件报错，vue使用marked解析markdown文件文档内容时报错，TypeError: marked__WEBPACK_IMPORTED_MODULE_5___default(...) is not a function，vue怎么解决marked引入报错，vue3报错解决办法，详细解决方案，Vue
Vue3 - 解决报错 node:internal/errors:464 ErrorCaptureStackTrace(err)；Error Error [ERR_MODULE_NOT_FOUND]
王佳斌
08-23 3964
vue3项目npm run dev报错，vue3运行打包报错node:internal/errors:464 ErrorCaptureStackTrace(err);vue3 vite Error [ERR_MODULE_NOT_FOUND]: Cannot find package xx imported from x，vue3报错code: 'ERR_MODULE_NOT_FOUND'如何解决，vue3报错Cannot find package 'express'怎么解决，Error [ERR_MODU
Vue 脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
weixin_33966095的博客
11-07 7138
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue;给出的是方案,但不是手把手一字一句的给你说十万个为什么! 有三类人不适合此篇文章: "喜欢站在道德制高点的圣母婊" -- 适合去教堂 "无理取闹的键盘侠" -- 国际新闻版块欢迎你去 "有一定基础但又喜欢逼逼的人" 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,...
SetupApi.pas
坦然
12-07 3543
{******************************************************************} { } { Borland Delphi Runtime Library
Spring源码解析之PropertyPlaceholderHelper(占位符解析器)
长风破浪会有时
03-07 7596
PropertyPlaceholderHelper作用： 将字符串里的占位符内容，用我们配置的properties里的替换。这个是一个单纯的类，没有继承没有实现，而且也没简单，没有依赖Spring框架其他的任何类。个人感觉自己项目中可以拿来模仿用。 我们解析的过程： 1、这里先贴一下Spring框架里的全部代码 2、分块解析 3、跑测试看结果，加深理解 看不懂的话，建议debug跟着跑...
[Vue warn]
Miss__Shuai的博客
09-26 1029
1、vue.runtime.esm.js:574 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compil...
vue常见错误解决
热门推荐
编译的阿喵
06-10 8万+
Error in render: “TypeError: Cannot read property ‘list’ of undefined” [Vue warn]: Property or method “message” is not defined on the instance but referenced during render. Make sure that this proper...
VUE：解决 [Vue warn]: Error in render: “TypeError: item.slice is not a function“ （取部分数据）
愿我如星君如月 ... 夜夜流光相皎洁 ...
02-20 5万+
1. 双重循环中使用 slice方法，报错： [Vue warn]: Error in render: "TypeError: item.slice is not a function" 2. 原代码写法如下，紫框中的代码可以正常运行，但红框中的代码报错 3. 原因：slice 方法是作用于数组的方法。 bodyInfoList 是一个数组结构，但 item 是对象结构，故报...
knowLedge-Vue I18n 是 Vue.js 的国际化插件
最新发布
2301_76671906的博客
09-30 699
Vue 2 中使用 Vue I18n 插件实现中英文切换
18 vue3之自动引入ref插件&深入使用v-model
qq_37550440的博客
09-25 561
TIps 在Vue3 v-model 是破坏性更新的 v-model在组件里面也是很重要的 v-model 其实是一个语法糖 通过props 和 emit组合而成的 默认值的改变 prop：value -> modelValue； 事件：input -> update:modelValue； v-bind 的 .sync 修饰符和组件的 model 选项已移除 新增 支持多个v-model 新增 支持自定义 修饰符 Modifiers
Thinkphp/Laravel基于vue的少数民族民歌网络图书馆管理系统
abo2022的博客
09-30 790
ThinkPHP是一个快速、简单的基于MVC和面向对象的轻量级PHP开发框架，遵循Apache2开源协议发布，从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，尤其注重开发体验和易用性，并且拥有众多的原创功能和特性，为WEB应用开发提供了强有力的支持Laravel非常的简洁并且是开源的，Laravel 是一个具有表现力、优雅语法的 Web 应用程序框架. Laravel 是构建现代全栈 Web 应用程序的最佳选择.
vue3 __DEV__
01-10
在Vue 3中，`__DEV__`是一个全局变量，用于判断当前是否处于开发环境。它的值为`true`表示处于开发环境，`false`表示处于生产环境。 在开发环境下，Vue 3会提供更多的警告和错误信息，以帮助开发者调试和定位问题。...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值