Vue知识随记
数据绑定内支持JavaScript表达式:string字符串反转用.隔开
js:
msg:'Hello '
html:
{{ msg.split('').reverse().join('.') }}
computed 定义计算属性
太多的逻辑会让模板过重且难以维护,用于计算复杂算法
绑定多个class/style: 可以把一个数组传给 v-bind:class
v-bind:class="[classA, classB]"
v-if和v-show的区别
v-show 的元素会始终渲染并保持在 DOM 中。v-show 是简单的切换元素的 CSS 属性 display。
v-if 配合v-else 最终的结果取决于表达式,最终渲染其中1个模板。
v-show同样可以和v-else 配合展示信息。
lazy
<!-- 在 "change" 而不是 "input" 事件中更新 -->
<input v-model="msg" lazy>
在用户输入完毕的情况下,才会去同步