v-if与v-show都可以动态控制dom元素显示隐藏
v-if显示隐藏是将dom元素整个添加或删除，而v-show隐藏则是为该元素添加css--display:none，dom元素还在。
1、当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用 “就地复用” 策略。如果数据项的顺序被改变，Vue将不是移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。这个类似 Vue 1.x 的 track-by="$index" 。
2、这个默认的模式是有效的，但是只适用于不依赖子组件状态或临时 DOM 状态（例如：表单输入值）的列表渲染输出。
3、为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性。理想的 key 值是每项都有唯一 id。这个特殊的属性相当于 Vue 1.x 的 track-by ，但它的工作方式类似于一个属性，所以你需要用 v-bind 来绑定动态值
a.v-for循环普通数组
b.v-for循环对象数组
c.v-for循环对象
d.v-for迭代数组
点击左下角菜单找到powershell
右键以管理员身份运行->输入vue create 文件名
解决vue创建项目报错：command failed: npm install --loglevel error
1、重建项目
npm install chromedriver --
chromedriver_cdnurl
2、清除缓存： npm cache clean --force
清除npm的缓存（如果不行就证明不是缓存的问题，基本无效）
3、重装淘宝源
如果安装时有选择淘宝镜像，且以上两步还是不行 -> 重新安装以下淘宝源
npm install -g cnpm --registry=https://registry.npm.taobao.org
4、修改useTaobaoRegistry
我的电脑->c盘->用户->.vuerc文件->useTaobaoRegistry:改为false
5、重装node
注意：(下载旧版本v.14.18.3)
6、删除.npmrc文件
我的电脑->c盘->用户->.npmrc文件->删除->重装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
7、运行vue-clinpm run serve
在终端输入：npm run serve回车
