在学习vue中一定要学会看官方文档
1.在vue中,指令都是以v-开始
2.v-cloak解决双大括号插值闪烁问题
[v-clock]{
display:none
}
3.解决插值闪烁问题
使用 v-test ="" 不会产生插值问题
4.使用v-html 类似原生js innerHTML 可以渲染标签
5.v-for 遍历属性,使用这个必须要绑定唯一标识 key
<li v-for="(item,index) in xxxxx"></li>
6.v-if (表示判断,当符合条件时才会渲染),v-else (如果相反,会渲染) v-else-if (条件判断,如果上述条件都不符合,那么则会渲染这一个)和 v-show(可以控制元素的显示和隐藏 ,值是布尔值true/false)
7.v-bind 绑定属性 属性值不再是字符串而是data中的数据 可以简写为 :
<a v-bind:href="属性"></a>
可以省略为
<a :href="属性"></a>
8.绑定点击事件v-on:事件名称 = “事件”
一般存放在method里面
<button v-on:clack="add"></button>
9.data里面的数据都是响应式的,只要数据改变,视图更新