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>

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

 

转载于:https://www.cnblogs.com/zhuzy/p/8508778.html