vue data变量不能以“_”开头，否则会产生很多怪异问题

已于 2023-12-25 20:01:41 修改
阅读量1k 收藏 9
点赞数 5
文章标签： vue.js 前端 javascript
于 2023-12-25 19:55:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq2856639881/article/details/135207866
版权

1、 比如给子组件赋值，子组件无法得到这个值（也不是一直无法得到，设置后this.$forceUpdate() 居然可以得到）， 更无法watch到

<zizujian  :config="_config1"> </zizujian>


this._config1 = {  .....  }


this.$forceUpdate()

$开头也有问题

QQ2856639881
关注
web前端常见面试题
JackieDYH的博客
05-31 628
事件循环⼜叫做消息循环，是浏览器渲染主线程的⼯作⽅式。在 Chrome 的源码中，它开启⼀个不会结束的 for 循环，每次循环从消息 队列中取出第⼀个任务执⾏，⽽其他线程只需要在合适的时候将任务加⼊到 队列末尾即可。过去把消息队列简单分为宏队列和微队列，这种说法⽬前已⽆法满⾜复杂的 浏览器环境，取⽽代之的是⼀种更加灵活多变的处理⽅式。根据 W3C 官⽅的解释，每Promises是一种处理JavaScript异步代码的方式。它们允许您在异步操作完成后执行一些操作。
vue中的data
O_326326的博客
10-04 963
1.data： 数据可以在当前模块中直接使用（不需要加this）； data中的数据命名不要使用$,下划线（_）开头 因为vue解析data以后，会把当前数据挂载到实例对象上 <div id="app"> <h1>{{name}}</h1> </div> let app = new Vue({ el:'#app', data:{ name:"小赵",
Vue踩坑记录（一）——vue，data属性为什么使用了_或$开头却会提示报错？
weixin_34187862的博客
11-02 3951
我们先来看一个简单的例子： <template> <div class="hello"> {{test}} {{_tttttttttt}} {{$tttttt}} </div> </template> <script> import h222 fro...
Vue变量中以$或者_开头的变量无法访问的问题
weixin_49100088的博客
12-31 2220
以 _ 或 $ 开头的 property 不会被 Vue 实例代理，报错
[css] 在固定宽度的div下，怎么让字体自适应大小，不超出宽度，也不要换行
歌谣的博客
01-16 3344
[css] 在固定宽度的div下，怎么让字体自适应大小，不超出宽度，也不要换行 .item-codes{width:800px;word-break: break-all;white-space: normal;} 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
vue3 + vite + js 配置Eslint + prettier_vite+js+vue3配置eslint
2401_84446882的博客
04-29 1138
在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。
Vue基础知识（为了不重复）
weixin_44210475的博客
11-30 704
VUE 官网下载，只用到vue.js这个文件 什么是vue 是MVVM js 渐进式 视图层框架 mvvm: m:model 数据 v:视图 mv vm :数据改变，视图跟着刷新（vm:vue实例驱动刷新） 命令式： 将程序的每一个运行步骤写出来 ，然后再程序运行 声明式： 告诉计算机我要干什么（其他的什么都不管） 一切以数据为中心，尽量不要操作dom 渐进式： vue.js是核心库，里面只有核心语法 利用视图构建用户界面 vue雏形 html部分 <input type="
Vue3迁移指南
黄黄黄一边敲代码一边写出来的博客
07-16 658
读Vue3迁移指南官方文档的一些个人笔记
vue和react相同点_我在React和Vue中创建了完全相同的应用程序。 这是区别。 [2020年版]
weixin_26750481的博客
09-11 1638
vue和react相同点 React vs Vue:传奇继续 (React vs Vue: the saga continues) A few years ago, I decided to try and build a fairly standard To Do App in React and Vue. Both apps were built using the default CLIs ...
uniapp+vue面试题（持续更新中~）
github_53963510的博客
10-16 2887
最新出炉的前端面试题~主要是针对uniapp和vue 持续更新中，有新题型的小伙伴可在评论下面回复哦
面试分析-HTML-CSS-JS-VUE
m0_50125215的博客
09-11 299
-------------基础-------------- 1、H5新特性： 拖拽(抓取对象以后可以拖到另一个位置) data-属性 语义化标签(header、footer、nav、aside等) 视频音频(video、audio) canvas 本地存储(localStorage、sessionStorage)等 2、C3新特性： 边框圆角 box-sizing rgba颜色 渐变 过渡 动画 2D转换 3D转换 flex布局 字体图标等 3、三种存储方式对比： localStorage：长期存
2021最新最全前端面试题（包含HTML、CSS、JavaScript、Vue、React、浏览器、算法与数据结构等）
datian45678的博客
06-22 1653
整理了一些前端面试题，希望对正在找前端工作的伙伴有用。本篇文章内容篇幅较大，主要针对初中级前端开发工程师。 篇幅过长，大家可以先点赞收藏以后慢慢看。 关于HTML 的title和alt属性有什么区别 alt：图片加载失败时，显示在网页上的替代文字 title：鼠标（手机端该属性无意义）放在图片上时显示的文字 alt是必需属性（但属性值可为空），title非必需 图片懒加载的原理 图像是img标记，浏览器根据图像的src属性请求图像，因此惰性加载的关键是当图像不在可视区域时，不给`imgs‘赋值。 懒加载
2024前端面试题！（附答案及解析）（2024.10月最新版）
热门推荐
这世上从不缺让人上头的新鲜感，能顾及你情绪的人实属难得。
03-27 17万+
2024前端面试题！面试宝典！总结心得！（附答案及解析）会持续更新哦！（2024.10月最新版）感谢支持，你们的鼓励是我的动力！
原型链+instanceof+Vue底层原理
m0_65985318的博客
10-18 719
在 Vue 组件中，render 函数是一个选项，它返回一个虚拟节点 (VNode)，或者是一个包含多个 VNode 的数组。
《vue leaflet学习实践笔记》
yk_ddm的博客
10-16 172
目录vue leaflet学习实践笔记 vue leaflet学习实践笔记
vue video播放m3u8监控视频
最新发布
YM_010530的博客
10-18 101
很关键的问题 vite创建的项目不需要import ‘videojs-contrib-hls’ 导入就报错。直接添加如下代码即可。
【vue】指令补充+样式绑定+计算属性+侦听器
zxj20041003的博客
10-13 891
所谓指令修饰符就是让指令的 功能更强⼤，书写更便捷如何监听回⻋键？​ 答: 1、 @keydown.enter -> 回⻋按下​ 2、@keyup.enter -> 回⻋抬起如何阻⽌默认⾏为、阻⽌冒泡？​ 答: 1、@click.prevent -> 阻⽌默认⾏为​ 2、@click.stop -> 阻⽌冒泡​ 3、 @click.prevent.stop -> 可以链式调⽤, ⼆者都阻⽌v-model的3个修饰符的作⽤是什么？
Uncaught (in promise) TypeError: Cannot convert object to primitive value
lotpyve的博客
10-15 1551
说一下我这里这个错误和警告的原因，是因为我把传给 第三方组件的值 也当做了 第三方组件的 ref，可能没太说清楚，所以接下来看代码，我这里使用的第三方组件是 vxe-table。使用vue3的时候报了这个错误，而且还同时报了一个警告。
vue3中监视 Reactive对象中的属性
qq_58341172的博客
10-13 995
watch的第一个参数可以是不同形式的“数据源”：它可以是一个 ref (包括计算属性)、一个响应式对象、一个、或多个数据源组成的数组。
须以 VUE_APP_ 开头，如：VUE
06-05
在Vue.js应用程序中，可以使用环境变量来管理应用程序中的机密信息或配置。为了使这些环境变量在应用程序中可用，需要使用以“VUE_APP_”开头的特殊前缀定义它们。在应用程序中，您可以使用process.env对象访问这些环境变量。下面是一个简单的例子，展示了如何在Vue.js应用程序中定义和使用环境变量： 1. 定义环境变量 在您的Vue.js项目中，您可以在项目根目录下创建一个名为“.env”（或“.env.<mode>”）的文件来定义环境变量。其中，<mode>为您的应用程序环境的名称（例如“development”或“production”）。 在.env文件中，您可以定义以“VUE_APP_”开头的环境变量，如下所示： ``` VUE_APP_TITLE=My App VUE_APP_API_URL=http://localhost:3000/api ``` 请注意，这些环境变量只能在应用程序的JavaScript代码中使用，而不能在HTML或CSS中使用。 2. 在Vue.js应用程序中使用环境变量 您可以在Vue.js应用程序中使用process.env对象来访问这些环境变量。例如，以下代码段展示了如何使用在.env文件中定义的变量： ```javascript <template> <div> <h1>{{ title }}</h1> <p>API URL: {{ apiUrl }}</p> </div> </template> <script> export default { data() { return { title: process.env.VUE_APP_TITLE, apiUrl: process.env.VUE_APP_API_URL }; } }; </script> ``` 在上述代码中，我们使用process.env对象访问在.env文件中定义的环境变量，并将它们绑定到Vue.js组件的数据属性中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值