【郑州校区】前端笔记Vue项目 第2天 5

数组变异方法

• 在 Vue 中，直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值，你会发现，只有数据改了，但是页面内容并没有改变

• 变异数组方法即保持数组方法原有功能不变的前提下对其进行功能拓展

  
  

替换数组

• 不会改变原始数组，但总是返回一个新数组

  
  

动态数组响应式数据

• Vue.set(a,b,c)    让 触发视图重新更新一遍，数据动态起来

• a是要更改的数据 、   b是数据的第几项、   c是更改后的数据

  
  

图书列表案例

• 静态列表效果

• 基于数据实现模板效果

• 处理每行的操作按钮

  
  

【郑州校区】前端笔记Vue项目 第2天 5

数组变异方法

• 在 Vue 中，直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值，你会发现，只有数据改了，但是页面内容并没有改变

• 变异数组方法即保持数组方法原有功能不变的前提下对其进行功能拓展

  
  

替换数组

• 不会改变原始数组，但总是返回一个新数组

  
  

动态数组响应式数据

• Vue.set(a,b,c)    让 触发视图重新更新一遍，数据动态起来

• a是要更改的数据 、   b是数据的第几项、   c是更改后的数据

  
  

图书列表案例

• 静态列表效果

• 基于数据实现模板效果

• 处理每行的操作按钮