```html
<div class="demo-block" id="x-switch-demo1">
  <lx-group title="值转换 map">
    <lx-x-switch
      v-model="stringValue"
      title="默认 true"
      :value-map="['0', '1']"
    ></lx-x-switch>
    <lx-cell
      title="value"
      :value="typeof stringValue + ' ' + stringValue"
    ></lx-cell>
  </lx-group>
  <lx-group title="使用说明">
    <lx-x-switch title="默认 false"></lx-x-switch>
    <lx-x-switch
      v-model="value1"
      title="默认 true"
      :inline-desc="value1 + ''"
    ></lx-x-switch>
  </lx-group>
  <lx-group title="禁用">
    <lx-x-switch
      title="默认 fasle"
      disabled
    ></lx-x-switch>
    <lx-x-switch
      title="默认 true"
      :value="true"
      disabled
    ></lx-x-switch>
  </lx-group>
</div>

<script>
// 开关按钮.md
new Vue({
  el: '#x-switch-demo1',
  data: {
    value1: true,
    value2: false,
    stringValue: '0'
  },
  methods: {
    onClick (newVal, oldVal) {
      this.$cvux.loading.show({
        text: 'in processing'
      })
      setTimeout(() => {
        this.$cvux.loading.hide()
        this.value2 = newVal
      }, 1000)
    }
  }
})
</script>
```