vue的使用步骤

  1. 准备容器 (Vue所管理的范围)
  2. 引包 (开发版本包 / 生产版本包) 官网
  3. 创建实例
  4. 添加配置项 =>完成渲染

常用函数

filter 函数

filter是一个操作函数，用于筛选数组中的元素，返回剩下的元素，它会遍历筛选集合中的元素，再根据表达式的值为true或者false来选择是否保留
例如：

1
this.taskList = this.taskList.filter(item => item.id !== id)

上面代码的作用是筛选除了taskList集合中元素 “item”的id 不为 “id”的所有元素，作用和删除指定元素效果一致

reduce函数

用于求和的函数，用于数组和集合，会使用回调函数将一个数组或集合中的值循环取出遍历

1
let total = this.list.reduce((sum, item) => sum + item.num, 0)

上面代码的作用，设置求和的初始值为0.将sum与item中的num相加，每次相加的值赋给sum，最终达到求和的效果

易错点

computed和methods方法

computed侧重于数据的计算与调用，在不同的地方多次使用只会调用一次，具有缓存机制，如果使用methods方法在多个地方使用则会调用多次。

v-for

v-for是vue2中的一个指令，用于遍历数组，集合或列表的，它包含有一个 :key 的属性，如果设置唯一性的key则将元素和标签进行了唯一性绑定，元素的变化会带动标签的样式变化。