实例 Vue 使用 .prop 修饰符简写和 v-bind 简写

<template>

  <p>Using the '.prop' shorthand so that 'v-bind:indeterminate.prop' becomes '.indeterminate':</p>

  <button v-on:click="indetVal = !indetVal">Toggle</button>

  <p>

    <input type="checkbox" .indeterminate="indetVal"> Checkbox

  </p>

</template>

​

<script>

export default {

  data() {

    return {

      indetVal: false

    };

  }

};

</script>

​

<style scoped>

input {

  margin: 10px;

  scale: 2;

}

</style>