[vue] v-bind使用技巧

v-bind使用技巧

属性值不为真时，不会将属性绑定到元素上

<template>
  <div id="app">
    <div class="box" :data-a="null" :data-b="undefined" :data-c="false">
    </div>
  </div>
</template>

可以绑定一个有属性的对象

<template>
  <div id="app">
    <div class="box" v-bind="{a: 1, b:2}">
    </div>
  </div>
</template>