对象的一些常用api

圆脸骑士7

于 2023-11-27 21:53:05 发布

阅读量363

点赞数 10

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/2301_76466191/article/details/134655589

版权

本文详细介绍了Vue.js中的响应式API，包括如何使用$set方法添加或修改响应式属性，$delete用于删除响应式属性，以及Object.keys和Object.values用于操作对象的键名和键值。

摘要由CSDN通过智能技术生成

api

vue.$set() ：用于再对响应式对象设置新属性或者修改原有属性时候保证这些属性具有响应式的特点。
this.$delete : 用于从响应式对象中删除属性，并确保该操作也是响应式的。
Object.keys : 用于获取对象的键名，返回值是一个键名组成的数组
Object.values: 用于获取对象的键值，返回值是一个键值组成的数组

// vue.$set() 

// 1.对 对象类型使用

/ 新增 修改
obj = { name: 'xm',age: 32,address: 'China'}

// 语法
this.$set(作用对象,需要改变的属性,值)
this.$set(this.obj,'address','USA') // 后两个如果不加引号的话就是视为变量
this.$set(this.obj,'identity','student') // 新增

// 2. 对数组使用
// 数组可以是普通类型的数组 也可以是数组里面是对象

/ 语法

this.$set(需要修改的数组，需要修改的数组下标，值) // 修改后的值可以是简单数据类型 也可以是复杂数据类型 如 对象

arr = [11, 22, 33, ] 
this.$set(this.arr, 0, 20); // arr[0] = 20




/// this.$delete
this.$delete(this.obj, "name")


// Object.keys 
obj = { name: 'xm',age: 32,address: 'China'}

let keysArr = Object.keys(obj)
let valueArr = Object.keys(obj)

console.log(keysArr,valueArr) // ['name','age','address'] , ['xm',32,'China']