Vue拨动开关

Vue的拨动开关可以使用`<input type="checkbox">`元素和`v-model`指令来实现。具体实现步骤如下：

1. 在Vue模板中添加一个`<input type="checkbox">`元素，设置一个`v-model`指令，绑定一个布尔类型的数据值，例如：`<input type="checkbox" v-model="isChecked">`。
2. 在Vue实例中定义一个布尔类型的数据属性，例如：`isChecked: false`。
3. 当用户点击拨动开关时，`v-model`指令会自动更新`isChecked`的值。
4. 如果需要监听拨动开关的状态变化，可以使用`watch`属性来监听`isChecked`的变化，例如：`watch: { isChecked: function(newVal) { console.log(newVal); } }`。

完整的示例代码如下：

<template>
  <div>
    <input type="checkbox" v-model="isChecked">
    <p>{{ isChecked ? '开' : '关' }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isChecked: false
    }
  },
  watch: {
    isChecked: function(newVal) {
      console.log(newVal);
    }
  }
};
</script>