(详细及解决方法)关于Vue.prototype中定义的变量不是响应式

news2024/10/6 14:30:56

 

目录

 一、背景

二、原因

三、解决方法 

四、扩展 


当时第一眼看到下面的图,就想这个不会是写错了吧,咋还能这样写,在这里我承认,我以前说话确实很大声了

 一、背景

在项目中需要将全局变量存放到Vue的实例对象上面

Vue.prototype.CustomBar = "我是字符串"

然后在所有页面上就可以通过插值语法访问 

<view class="">
			{{CustomBar}}
</view>

听起来没有错误,但是用起来就会发现,这个数据是undfinde???我已经定义了啊这是为什么呢

二、原因

这个变量确实已经挂载到vue原型对象上面了,但是,在这个page/index/index页面实例对象上面 这个不是响应式的数据

三、解决方法 

在data里面讲对应的变量给他赋值,

CustomBar:this.CustomBar的意思为,将Vue原型对象上的变量,赋值給当前页面的变量

 !!!大家看到这里可能不明白,这不是多次一举吗,这是干啥呢

其实不然,大家请仔细翻看我的这篇博客(里面详细记载了,页面中什么数据是响应式的,以及怎么解决不是响应式的)

(详解错误情况,及解决方法)Vue 数据更新了但页面没有更新的情况__揽的博客-CSDN博客

四、扩展 

(详解错误情况,及解决方法)Vue 数据更新了但页面没有更新的情况__揽的博客-CSDN博客

(详解错误情况,及解决方法)Vue 数据更新了但页面没有更新的情况__揽的博客-CSDN博客

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/84266.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【历史上的今天】12 月 13 日:时代杂志将“你”评为年度人物;苹果发布 AirPods;互联网传出欧洲

整理 | 王启隆 透过「历史上的今天」&#xff0c;从过去看未来&#xff0c;从现在亦可以改变未来。 今天是 2022 年 12 月 13 日&#xff0c;国家公祭日。从 2014 年开始&#xff0c;12 月 13 日被定为缅怀先烈的国家公祭日&#xff0c;网站也会在这一天变为全灰色&#xff0c…

墙裂推荐c++的学习网站(OJ)

目录 墙裂推荐OJ 墙裂推荐学习软件 墙裂推荐线上编辑器 墙裂推荐OJ 要想学好c,更好的OJ少不了啊!!! 为了让诸多小白们有更好的学习测试环境,特此准备了一下几个OJ, 1.Openjudge 网站: OpenJudge openjudge网站中储存着大量的题目,而且还提前帮你们把板块分好了,就问你们…

[Java] HashMap是如何实现的?扩容机制是什么?树化机制知道吗?结合源码带你理解HashMap的原理。

文章目录前言HashMap是什么&#xff1f;Map接口散列表&#xff08;HashTable&#xff09;HashMap的扩容机制扩容机制&#xff1f;扩谁的容&#xff1f;HashMap的容量&#xff08;Capacity&#xff09;属性HashMap的扩容因子&#xff08;load factor&#xff09;属性HashMap的树…

【js逆向基础】crypto 之 hash和hmac

▒ 目录 ▒&#x1f6eb; 导读需求开发环境1️⃣ hash对象创建Hash常见方法例封装成 stream 实例封装成管道流&#xff08;piped stream)2️⃣ hmac对象创建Hmac常见方法例封装成 stream 实例封装成管道流&#xff08;piped stream)&#x1f6ec; 文章小结&#x1f4d6; 参考资…

mysql学习---流程控制函数(条件判断)case when ,if使用

文章目录流程控制函数流程控制函数的介绍流程函数的使用流程控制函数 流程控制函数的介绍 if(value,value1,value2) 解释&#xff1a;如果value的结果为true &#xff0c;返回value1,否则返回value2 例如&#xff1a; select if(1>0,正确,错误) ->正确ifnull(value1,val…

Babel快速入门

一、简介 Babel是一个广泛使用的转码器&#xff0c;可以将ES6代码转为ES5代码&#xff0c;从而在现有环境执行执行。 这意味着&#xff0c;你可以现在就用 ES6 编写程序&#xff0c;而不用担心现有环境是否支持。 二、安装 安装命令行转码工具 Babel提供babel-cli工具&#xff…

Mysql调优(三)——通过索引进行优化、 查询优化

接上&#xff1a;Mysql调优&#xff08;二&#xff09;——schema与数据类型优化、执行计划 本篇文章在一定程度上与下面两篇文章重合&#xff0c;笔者建议优先读下面两篇文章&#xff0c;本文偏向概念&#xff0c;而它们偏向原理&#xff1a; Mysql索引的本质深入浅出&#x…

全栈Jmeter接口测试(五):json提取器元件及jsonpath介绍,响应断言元件

Jmeter(10)&#xff1a;json提取器元件及jsonpath介绍 json提取器元件介绍&#xff1a; json提取器与正则表达式提取器功能类似&#xff0c;也是用来截取响应信息的部分保 存到指定的变量中去&#xff0c;不同的是&#xff0c;它只能用来处理响应正文&#xff0c;并且响应正文…

ITE Super IO 学习 – 串口

串口都算是一个比较古老的功能了,也就是比较成熟了。Super IO中的大部分是硬件已经做好的,BIOS这边只需做小小的改动甚至默认便可以工作了。 串口寄存器 串口有关的寄存器总的来说有4个,两个用来设置IO资源的地址,一个是中断号选择,还有一个特殊配置寄存器。 Seri…

高级路由期末命令配置

文章目录前提要求(1)拓扑图搭建及IP地址规划拓扑图配置&#xff1a;IP地址表规划表1网络连接规划表表2 网络设备明细表表3 IP规划表&#xff08;2&#xff09;OSPF&#xff08;3&#xff09;BGP&#xff08;4&#xff09;路由引入&#xff08;5&#xff09;路由选择&#xff08…

PicoDet代码学习记录

推理步骤 [picodet_s_320_coco.yml] Infer.py main()->run()Trainer.py __init__() self.model create(cfg.architecture) Picodet.py from_config()->__init__() head create(cfg[head], **kwargs)时候调用&#xff1a; Layers.py MultiClassNMS __…

Django(一)

一、Django介绍 1、python语言编写的开源web框架 2、重量级python web框架&#xff0c;配备了常用的大部分组件 3、组件&#xff1a; ※基本配置文件/路由系统 ※模型层&#xff08;M&#xff09;/模板层&#xff08;T&#xff09;/视图层&#xff08;V&#xff09; ※co…

Cadence创建插件焊盘(超详细)

背景&#xff1a;Cadence画封装&#xff0c;在我看来&#xff0c;操作是比较不方便的事儿&#xff0c;所以在此在记录一遍。要画一个插件封装&#xff0c;需要调用画好的焊盘&#xff08;AD里直接设置即可&#xff09;&#xff0c;另外放置好pin的位置和绘制好边框。包括遇到的…

SpringBoot集成阿里EasyExcel导出excel高级实战

目录参考一、引入包二、导出到文件并输出到后台三、过滤字段方式1&#xff1a;类上加注解 ExcelIgnoreUnannotated&#xff0c;过滤属性没有ExcelProperty注解的字段方式2&#xff1a;指定字段加注解方式3&#xff1a;代码指定过滤字段, 同一个excel生成两个sheet分别过滤不同字…

clickhouse集群搭建

一、clickhouse单机部署 clickhouse镜像下载地址 https://mirrors.tuna.tsinghua.edu.cn/clickhouse/ 1、关闭防火墙 #查看防火墙状态systemctl status firewalld#关闭防火墙systemctl stop firewalld#设置防火墙服务开机不自启systemctl disable firewalld#再次查看防火墙检…

开源软件如何使企业和业务受益

在当今技术驱动、快速发展的商业环境中&#xff0c;越来越多的公司选择投资开源软件。开源为企业提供了许多优势&#xff1a;更快的创新步伐、来自庞大而热情的社区的强大支持以及不受供应商锁定的影响。 对于许多人来说&#xff0c;开源不仅仅是编码。它代表了一种生活方式。…

使用IDEA工具,通过Java API 操作 HDFS (文件/目录的操作,含源码,详细操作步骤)

文章目录一&#xff0c;了解 HDFS Java API&#xff08;一&#xff09;HDFS常见类与接口&#xff08;二&#xff09;FileSystem的常用方法二&#xff0c;编写Java程序访问HDFS01 创建Maven项目02 添加相关依赖03 创建日志属性文件&#xff08;1&#xff09;在resources目录里创…

2022年还剩半个月,我从外包公司离职了...

今天是12.12&#xff0c;距离元旦也仅剩半个月&#xff0c;大家都在考论假期怎么过&#xff0c;没错&#xff0c;我离职了... 19年大专毕业通过校招进入了一家外包公司&#xff0c;干了接近3年的功能测试&#xff0c;今年年初&#xff0c;感觉自己不能够在这样下去了&#xff…

MyBatis 注解开发

文章目录一、单表查询1. Select 注解2. Insert 注解3. Update 注解4. Delete 注解5. Param 注解二、多表关联查询1. 一对一查询2. 一对多查询3. 多对多查询一、单表查询 1. Select 注解 前面的章节介绍了 MyBatis 的基本用法、关联映射、动态 SQL 和缓存机制等知识&#xff0…

[附源码]计算机毕业设计房屋租赁系统Springboot程序

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; Springboot mybatis MavenVue等等组成&#xff0c;B/S模式…