记录Vue的一些简单的使用

一、如何在html页面的a标签上面添加带参数的链接？

<a :href="['base.html?id='+item.id]"></a>

二、如何获取循环中的当前次循环？

<li v-for="(item, $index) in list" :data-id="$index">

三、如果后台传的数据中包含图片，如何添加src?

<img :src="item.imgSrc">       //不需要花括号

四、利用{{$index}}取出的值是字符串类型，不是number类型

{{ $index }} +1       //结果：0+1

{{ $index + 1}}       //结果：1

五、在页面中写表达式来添加属性

<div :class="index/4 == 0 ? 'isHide':'isShow' "></div>

六、Vue的双向绑定

1、Vue会遍历data对象上的所有属性，在属性被修改时触发相应变化，从而完成模型到视图的双向绑定。

2、Vue组件不能检测到实例化后data属性的添加、删除，因为Vue组件在实例化时才会对属性执行处理，所以data对象上的属性必须在实例化之前存在，Vue才能够正确的进行转换。

3、Vue提供的并非真正意义上的双向绑定，更准确的描述应该是单向绑定，响应式更新。

4、Vue不允许在已经实例化的组件上添加新的动态根级响应属性（即直接挂载在data下的属性），但是可以使用Vue.set(object, key, value)方法添加响应式属性。