```html
<div class="demo-block" id="radio-demo1">
  <lx-group title="default">
    <lx-radio
      :options="radio001"
      @on-change="change"
    />
  </lx-group>

  <lx-group title="preselect 'China'">
    <lx-radio
      v-model="radio001Value"
      :options="radio001"
    />
  </lx-group>

  <lx-group :title="'fill mode value is '+radio001Value">
    <lx-radio
      v-model="radio001Value"
      fill-mode
      :options="radio001"
      @on-change="change"
    />
  </lx-group>

  <lx-group title="fill mode with custom placeholder and label">
    <lx-radio
      fill-mode
      fill-label="Other"
      fill-placeholder="填写其他的哦"
      :options="radio001"
      @on-change="change"
    />
  </lx-group>

  <lx-group title="object options">
    <lx-radio
      fill-mode
      fill-label="Other"
      fill-placeholder="other"
      :options="radio003"
      @on-change="change"
    />
  </lx-group>
</div>

<script>
// Radio.md
new Vue({
  el: '#radio-demo1',
  
  data: {
    radio001: [ 'China', 'Japan' ],
    radio001Value: 1,
    radio002Value: 'Japan',
    radio003: [{
      key: '001',
      value: 'radio001'
    }, {
      key: '002',
      value: 'radio002'
    }]
  },
  methods: {
    change (value) {
      console.log('change:', value)
    }
  }
})
</script>
```