vue随笔

Posted 2022-03-24 maxueting

1. Message: msg  当数据改变时，插值处的内容也会自动更新

如果我们不想让它更新呢？

v-once指令 含义：数据改变时，插值处的内容不会更新

2. 关于数据绑定的值

每个绑定都只能包含单个表达式，下面的例子不会生效

<!-- 这是语句，不是表达式 -->

var a = 1

<!-- 流控制也不会生效，请使用三元表达式 -->

if (ok) return message

3.v-bind指令既可以静态绑定属性又可以动态绑定属性

静态属性：<a v-bind:href="url">...</a>

动态属性：<a v-bind:[attributeName]="url"> ... </a>

例如，如果你的 Vue 实例有一个 data 属性 attributeName，其值为 "href"，那么这个绑定将等价于 v-bind:href。

为什么要使用动态绑定属性？

因为【】中的内容不允许有空格和引号，有了动态属性，我们可以在vue实例的data属性中，为动态属性赋予表达式，再在插值处调用动态属性名即可。

4.缩写问题

v-bind   :

v-on      @