vue踩坑填坑（三）：语法指令问题

一、v-html和v-text的使用。

v-html可识别html标签，v-text只可赋值文字。

注意：v-html解析的标签不会被vue解析，不可在v-html绑定的标签内使用依赖vue解析的语法。

二、v-for中的数据变化时，存在以下两种情况不会重新渲染页面。

1、当你利于索引改变其中一个值时，例如：vm.items[indexOfItem] = newValue;

2、当你修改数组的长度时，例如：vm.items.length = newLength;

为了解决这两种情况不重新渲染页面的问题，现在对于这两种情况采用以下的写法：

1、对于第一个问题，可以采用强制重新set一下items。

 Vue.set(items, index, {'name':'XXX','url':'XXX');

2、对于第二个问题

items.splice(newLength)

三、v-if和v-show

1、v-if 当值为 true时，显示div ，当值为false时，改元素消失，代码也会消失，相当于将代码删除了，当在为true时，页面会重新渲染div; 
而v-show 控制的隐藏出现，只是将css属性设为了display：none 或block;

2、v-if 后还有 v-else 和 v-else-if 条件渲染，这里需要注意的是v-else 必须紧跟 v-if 或v-else-if