vue基础学习三

1.0 列表渲染为什么要添加key?

当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性。理想的 key 值是每项都有的且唯一的 id。

1.1 v-pre

用法：跳过这个元素和它的子元素的编译过程。可以用来显示原始 Mustache 标签。跳过大量没有指令的节点会加快编译。

示例：<span v-pre>{{ this will not be compiled }}</span>

1.2 v-cloak
可以隐藏未编译的 Mustache 标签直到实例准备完毕

[v-cloak] {
  display: none;
}


<div v-cloak>
  {{ message }}
</div>

1.3 v-once
只渲染元素和组件一次

<span v-once>This will never change: {{msg}}</span>

1.4 安装mockjs

http://mockjs.com/
cnpm i mockjs -S

遇到的问题

can not find "xxx"
解决：npm install 或者
$ rm -rf node_modules
$ npm i