渲染： 简单示例 操作数组即可改变数据 遍历的时候取索引值 遍历对象 由于对象没有索引，但是有key，所以遍历的时候可以取到key key值设置 使用不重复的数据做key值，避免for循环遍历的时候对相同key值跳过更新 ...

文档：https://cn.vuejs.org/v2/guide/list.html 当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保 ...

条件渲染 v-if v-if会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 在 template 元素上使用 v-if 条件渲染分组 因为v-if是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个<template> ...

Vue的列表渲染 注：其实使用的还是相关的vue的指令进行相应的数据绑定和渲染 在前边写过一个博客来说指令的相关内容但是写的不细，就是写了相应的使用方法，在此要提到之前遇到的一个问题 就是前端拿到返回数据进行数据渲染·列表展示的时候，之前就是直接解析出数组直接在DOM上边写一个v-for 进行 ...

条件渲染 v-if 　　在三者的后面跟上一个变量，只有当变量值为true时（可以对变量值隐式转换），绑定该条件的元素才显示 　　 v-else-if和v-else 　　可以对多个元素绑定一个变量，当变量的值符合其中之一时，符合条件的元素显示，否则绑定v-else的元素显示 ...

v-for 我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。 基本语法 结果： 在 v-for 块中，我们拥有 ...

v-for 可以使用 v-for 指令基于一个数组渲染一个列表。这个指令使用特殊的语法，形式为item in items，items 是数据数组，item 是当前数组元素的别名： 示例： 在 v-for 块内我们能完全访问父组件作用域内的属性，另有一个特殊变量 ...

思路： 完成页面结构及 添加数据和删除数据逻辑 包裹列表使用transition-group标签，将该有的类名加上。这样写了效果是有了，但是过渡比较生硬，如何让它平滑一点？ 加v-move类名 ...