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>

在用户输入完毕的情况下，才会去同步