Vue 快速回顾

v-html 容易造成 xss 漏洞

动态绑定多个值

const objectOfAttrs = { id: 'container', class: 'wrapper' }
<div v-bind="objectOfAttrs"></div>

动态属性

<a v-bind:[attributeName]="url"> ... </a>
<a :[attributeName]="url"> ... </a>
<a v-on:[eventName]="doSomething"> ... </a>
<a @[eventName]="doSomething">

绑定在表达式中的方法在组件每次更新时都会被重新调用，因此不应该产生任何副作用，比如改变数据或触发异步操作。

<time :title="toTitleDate(date)" :datetime="date"> {{ formatDate(date) }} </time>