一、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