如何给一个响应式数据添加一个属性 this.$set

this.$set(this.data,”key”,value’)

Vue.set(vm.items,2,"ling") : 表示 把vm.items  这个数组的下标为2 的元素,改为"ling"

Vue.set(vm.person,"age","26")

Vue.set()向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为 Vue 无法探测普通的新增属性 (比如 this.myObject.newProperty = ‘hi‘)

区别在于Vue.set()是将set函数绑定在Vue构造函数上,this.$set()是将set函数绑定在Vue原型上。

Vue.set数组实现的原理:其实Vue.set()对于数组的处理其实就是调用了splice方法

原文地址:https://www.cnblogs.com/qing-xrr/p/11248666.html

时间: 2025-01-09 17:54:20

如何给一个响应式数据添加一个属性 this.$set的相关文章

AudioPlayer.js,一个响应式且支持触摸操作的jquery音频插件

AudioPlayer.js是一个响应式.支持触摸操作的HTML5 的音乐播放器.本文是对其官网的说用说明文档得翻译,博主第一次翻译外文.不到之处还请谅解.之处. JS文件地址:http://osvaldas.info/examples/audio-player-responsive-and-touch-friendly/audioplayer.js 你可以在右键点击上面的地址,然后选择另存为把JS文件保存到本地. 英文原文地址:http://osvaldas.info/audio-player

使用jQuery开发一个响应式超酷整合RSS信息阅读杂志

在线演示1 本地下载 申请达人,去除赞助商链接 如果大家喜欢阅读博客文章的话,可能都会使用RSS阅读器,今天这里我们将使用jQuery来开发一个响应式的RSS信息阅读应用,使用它你可以将你喜欢的RSS文章以聚合的方式显示在同一个页面,类似一本在线的杂志或者刊物,你也可以自定义配置用来设定需要访问的RSS源,希望大家喜欢! 使用的js类库和jQuery插件: jQuery jQuery cookie jQuery socialist jQuery feed Cufon jquery placeho

响应式重构,如何把一个固定页面重构为一个响应式页面:

上周末时接到公司安排下来的任务, 要我一个人在一周内把一个项目里的所有固定页面转换为响应式的页面,14个页面,虽说做成响应式不难,但是,先理解别人的代码,然后通过修改别人的代码,把一个页面转换为一个响应式的页面,还是没有那么简单的,公司觉得这个任务简单,于是把这个任务交给了我这个新手. 在重构一个页面时,我的思路如下: 一.拿到一个页面,你首先要考虑这个页面我是该重新做呢还是在现有的基础上去修改呢? 我这是这么判断的,首先看他的html结构,是否符合响应式的要求,如果符合,就在现有的基础去修改,

做一个响应式网站需要多长时间

以传统的响应式建站模式来讲,做一个响应式网站需要的时间是很长的.抛开页面设计和模块的结合,光是网站的结构和网站布局就需要花费很长时间.还没计算建站前的准备工作,网站的策划等等.所以一般让企业对响应式网站望而止步的因素不单单是建站的费用,还有就是建站的时间过长,让网站的上线收到延迟,没有办法能够抢在黄金时间上线.那做一个响应式网站要多久呢?一般以企业展示型网站来统计,找建站公司来搭建大概需要3-6个月时间,如果是自己找开发团队时间大概要2-3个月时间.所以企业对于响应式网站既是爱,又是狠. 有什么

如何评定一个响应式网站的好坏

一个响应式网站的好坏,是否受人欢迎?这些都要取决于网站的整体情况,从网站建设到网站运营,每一个步骤和环境都需要很好的统筹规划.很多人评定一个响应式网站的好坏,都只是单单的从表面的迹象来看,并没有结合整体来评定.往往光看一个响应式网站的展现方式多么炫酷,功能多么强大,却没有看网站的内容.网站的结构.页面的衔接等等的方面,就评定说这是一个好网站. 好的响应式网站该具备什么样的标准?一个好的响应式网站最基本的要求:1.访问速度快2.网站稳定3.页面整洁4.结构清晰5.没有被搜索引擎处罚过 对于怎么样评

vue源码之响应式数据

分析vue是如何实现数据响应的. 前记 现在回顾一下看数据响应的原因. 之前看了vuex和vue-i18n的源码, 他们都有自己内部的vm, 也就是vue实例. 使用的都是vue的响应式数据特性及$watchapi. 所以决定看一下vue的源码, 了解vue是如何实现响应式数据. 本文叙事方式为树藤摸瓜, 顺着看源码的逻辑走一遍, 查看的vue的版本为2.5.2. 目的 明确调查方向才能直至目标, 先说一下目标行为: vue中的数据改变, 视图层面就能获得到通知并进行渲染. $watchapi监

vue基础响应式数据

1.vue 采用 v……vm……m,模式,v---->el,vm---->new Vue(实例),m---->data 数据,让前端从操作大量的dom元素中解放出来. 2.vue响应式数据是怎么做到的? 通过Object.defineproperty数据劫持 1 //vue 响应式数据是怎么做到的:数据劫持 Object.defineproperty 2 let obj = { 3 name:"小明", 4 age:32, 5 info:{ 6 b:10 7 } 8

如何使用CSS绘制一个响应式的矩形

背景: 最近因为需要用到绘制类似九宫格的需求,所以研究了一下响应式矩形的实现方案. 有如下几种方案: 使用js来设置元素的高度 使用vw单位  div {width: 50vw; height: 50vw;} 使用伪元素设置padding的方式来实现正方形(也就是本次使用的方式) 实现一个正方形 1 .square 2 position: relative 3 width: 100% 4 5 &::before 6 content: '' 7 display: block 8 padding-t

git学习(1)--- 初始一个本地仓库并添加一个新的远程仓库

初始化一个本地仓库,只要使用git init命令就可,这样就会在当前目录生成一个.git目录,其中就保存了git仓库的信息 接下来想为本地仓库添加一个远程仓库,可以使用git remote add 命令来操作,但首先得先有一个远程仓库的连接,现在我就自己搭建的一个gitlab做实验. gitlab上创建的仓库如下: 使用那个gitlab上的远程仓库路径在本地操作如下 这样就为本地的项目添加了一个远程仓库了. 可以用git remote 或 git remote -v  来列出远程仓库信息如图 现