<template>
  <div class="demo-radio-name">
    <ui-radio
      v-model="value"
      name="test"
      value="第一个">
      第一个
    </ui-radio>
    <ui-radio
      v-model="value"
      name="test"
      value="第二个">
      第二个
    </ui-radio>
    <ui-radio
      v-model="value"
      name="test"
      value="第三个"
      checked>
      第三个
    </ui-radio>
    <div>
      当前的值：{{ value }}
    </div>
  </div>
</template>
<script>
import { Radio } from "amumu-ui"
export default {
  components: {
    "ui-radio": Radio,
  },
  data() {
    return {
      value: "",
    }
  },
}
</script>
<style lang="scss">
.demo-radio-name {
  .mm-radio {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
</style>
