- 我们知道vuex的store的state是响应式的，当state中的数据发生改变时，vue组件会自动更新。
必须遵循一些规则：

  • 提前在store初始化所需的属性

  • 当给state中添加新的属性是使用下面方式：

     方式一：使用Vue.set(obj,"新属性名称","对应的属性值")
 方式二：用新对象对就对象重新赋值

在state删除已经存在的属性：

	使用“delete+某个属性”，满足不了响应式。
	解决办法：Vue.delete(obj,“属性名”）

补充：
数组中哪些方法是响应式的：
1、push()

	//向末尾添加元素

//通过索引值修改数组中元素不满足响应式
2、pop()

//把我们元素的最后一个删除掉

3、shift()

	///把数组的第一个元素从其中删除,并返回第一个元素的值。

4、unshift();

//  向数组的开头添加一个或更多元素,并返回新的长度

5、splice();

//作用：删除元素\插入元素\切换元素，根据参数不用，作用不同

6、sort();

//排序

7、reverse（）；

	//颠倒数组中元素的顺序
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue