在日常开发中，我们用的最多的就是 绑定数据 如果你有ng的开发经验，假设 data 你要更新数据了 但是这在vue中 并不会起到作用，DOM并没有触发变化。 vue不是已经实现的实时数据双向绑定，那么model层发生了变化之后，为什么view层没有更新呢？？？ 看官网 这里才发现 深入响应式原理 列
转载
2018-11-03 15:50:00
142阅读
2评论
this.$set(this.arr,"key", "")或者this.$forceUpdate() //强制刷新
原创
2022-12-13 10:19:59
531阅读
前言：Vue的核心是数据与视图的双向绑定，当我名修改数组时，vue会检测到数据变化，所以用v-for渲染的视图也会立即更新。Vue包含了一组观察数组变异的方法，使用它们改变数组也会触发视图更新： push()、pop()、shift()、unshift()、splice()、sort()、reverse()——》会改变原始数组 filter()、concat()、slice()——》不会改变原
转载
2021-03-18 16:30:49
565阅读
2评论
1、数据方法分类： （1）原数组改变 push pop unshift shift reverse sort splice （2）原数组未变，生成新数组 slice concat filter map 对于使原数组变化的方法，可以直接更新视图。 对于原数组未变的方法，可以使用新数组替换原来的数组，以
转载
2017-12-15 16:41:00
375阅读
2评论
在vue中，改变某个对象的值时（如数组中的某一项或者对象的某个属性），vue并不会触发dom更新，这时就需要我们自己手动来操作。方法一：强制刷新// 此行为会重新渲染整个dom，除数据层次太多外，不建议使用
this.$forceUpdate(); 方法二：对于已经创建的实例，Vue 不允许动态添加根级别的响应式属性。但是，可以使用 Vue.set(object, proper
转载
2024-01-29 00:24:38
45阅读
// 用js的filter方法，然后返回精准的数据
list.filter((item)=>{return item.teacherName === teaName})// teaName 是用来做数据过滤的。
// 精准匹配：只有名字强等才会返回对应的数据信息
list.filter((item)=>{return item.teacherName === teaName})
//
转载
2023-06-06 20:15:18
259阅读
Vue.js在监听一个对象的属性变化时，会通过其Setter方法进行响应式更新。但是，当一个对象被创建后，Vue.js无法动态追踪到对象属性的添加和删除，因此，直接通过obj.prop = value的方式给对象添加或修改属性时，这些属性不会触发视图的重新渲染。因此，需要使用一些特定的方法来修改对象属性，以确保Vue.js能够响应式地更新视图。下面介绍使用$set和Object.assign方法来
转载
2023-11-11 14:14:15
264阅读
注意:在一个组件实例中，只有在data里初始化的数据才是响应的，Vue不能检测到对象属性的添加或删除，没有在data里声明的属性不是响应的。
Vue不允许在已经创建的实例上动态添加根级响应式属性，但是可以使用$set方法将相应属性添加到嵌套的对象上。数组数据变动，使用某些方法操作数组，变动数据时，有些方法无法被vue监测push()，pop()，shift()，unshift()，splice
转载
2024-03-27 10:11:35
1957阅读
问题表现 在开发的过程中遇到一个问题，就是更新对象或数组后对应的视图
原创
2022-03-02 11:40:59
3384阅读
题目难度: 简单
今天继续更新剑指 offer 系列, 这道题估计大家或多或少都见过, 这里就来复习下做法吧, 重点是要理解为什么这样做是可行的 题目描述数组中有一个数字出现的次数超过数组长度的一半，请找出这个数字。你可以假设数组是非空的，并且给定的数组总是存在多数元素。1 <= 数组长度 <= 50000题目样例示例输入: [1, 2, 3
Vue 中如何检测数组变化？由于 Object.defineProperty 无法监听数组的变化。
所以，在 Vue2.X 版本中，作者用了一种 hack 的方式，即：重写了数组原型的方法。
虽然重写，但基本和原来的方法一样，只是多了 通知视图更新(因为改变了数组)
数组里如果也有 Object 类型，那么继续深度遍历【注】Vue3.0 采用 proxy 监听为何 Vue 采用异步渲染？如果不采用
转载
2024-05-21 06:44:17
74阅读
一、属性length数组的大小。数组的length属性总是比数组中定义的最后一个元素的下标大一，设置属性length的值可以改变数组的大小。如果设置的值比它的当前值小，数组将被截断，其尾部的元素将丢失。如果设置的值比它的当前值大，数组将增大，新元素被添加到数组尾部，它们的值为undefined。二、方法A、添加删除类1、Array.push( )给数组添加元素。添加到array尾部的值，可以是一个
转载
2023-07-06 17:32:34
106阅读
最近在做一个多图片上传的组件，需求是做到多文件依次上传，并显示上传进度条。 逻辑部分实现了以后，在更新进度条视图的时候出现一点问题：动态计算生产的进度 progress 属性不会自动更新。 原来的代码是这样写的： 这里直接将 file 对象添加一个 progress 属性记录上传进度，并初始化为0，
转载
2017-04-26 13:17:00
445阅读
2评论
一、备份与恢复方案 mongoexport工具可以把一个collection导出成JSON格式或CSV格式的文件。可以通过参数指定导出的数据项，也可以根据指定的条件导出数据，只支持导出集合(collection)，不支持导出库。 而JSON是无法真正表达所有BSON的数据类型，只能表达BSON数据类型的一个子集，准确的说，JSON对某些BSON数据类型使用的是严格模式(strict mode)。例
转载
2024-07-06 16:21:08
28阅读
更新数组内容时，Vue 界面不更新原因是 Vue 的数据与界面更新是通过 Object.defineProperty() 这个方法实现的。 更新数组内容时是不会触发界面更新的。只 0 个元素.
原创
2022-06-30 11:08:44
1225阅读
(文章目录)
一、前言
在项目开发过程中，若将页面元素全部绑定于一个表单中，且页面中的某些元素并未直接获得，在获取页面操作值时就会出现意外效果，例如不能重置页面元素。
二、场景复现
需求：在使用el-select设计表单下拉框时，若后台返回的下拉框数组长度为1，则默认选中第一个元素。
思路：后台返回值后直接将第一个元素的value赋值给el-select的v-model。
created() {
原创
2023-08-04 09:14:36
107阅读
点赞
1评论
(文章目录)
一、前言
在项目开发过程中，若将页面元素全部绑定于一个表单中，且页面中的某些元素并未直接获得，在获取页面操作值时就会出现意外效果，例如不能重置页面元素。
二、场景复现
需求：在使用el-select设计表单下拉框时，若后台返回的下拉框数组长度为1，则默认选中第一个元素。
思路：后台返回值后直接将第一个元素的value赋值给el-select的v-model。
created() {
原创
2023-06-25 11:36:19
257阅读
点赞
1评论
Vue特点详解Vue是一款流行的JavaScript框架，具有以下特点：渐进式框架Vue被称为渐进式框架，因为它是基于组件的，可以逐渐应用到现有项目中，而不需要重构整个项目。这种优势使得Vue在项目迭代过程中，能够快速迭代和更新，同时又不会影响原有的代码结构和功能。Vue的渐进式特性也意味着，即使您只是想在一个页面中使用Vue，也是完全可行的。响应式数据绑定Vue采用了响应式数据绑定的方式，当数据
转载
2023-07-04 14:17:28
77阅读
【Vue】—数组对象变更检测
原创
2022-07-01 12:25:10
111阅读
1、双向绑定原理就是绑定value值，监听input事件
即，父组件通过props传递value值，子组件通过监听Input事件来
实时将value值通过$emit传递给父组件。
<div>
<input :type="type" :value="value" @input="onInput">
</div>
export default {
转载
2024-09-29 22:24:12
314阅读
