<template lang="html">
  <div class="">
    <checker v-model="radioValue" radio-required default-item-class="radio-item" selected-item-class="radio-item-selected">
      <checker-item value="1">hehe</checker-item>
      <checker-item value="2">haha</checker-item>
    </checker>
  </div>
</template>

<script>
import { Checker, CheckerItem, TransferDom } from 'vux'
export default {
  directives: {
    TransferDom
  },
  components: {
    Checker,
    CheckerItem
  },
  data () {
    return {
      radioValue: ''
    }
  }
}
</script>

<style lang="less">
.radio-item {
  border: 1px solid #ececec;
  padding: 5px 15px;
}
.radio-item-selected {
  border: 1px solid green;
}
</style>