<template>
  <div class="buttons">
    <m-btn>你好</m-btn>
    <m-btn disabled>你好</m-btn>
    <m-btn :sizew="80">你好111</m-btn>
    <m-btn v-on:click.native="nicetomeyou">你好</m-btn>
    <m-btn href="http://www.baidu.com" type="success">你好</m-btn>
    <m-btn href="http://www.baidu.com" waves="">你好</m-btn>

    <m-btn-group @change="btnGroupChange" v-model="btnGroup">
      <m-btn>你好</m-btn>
      <m-btn>你好</m-btn>
      <m-btn>你好</m-btn>
    </m-btn-group>
  </div>
</template>

<script>
  export default {
    data: () => ({
      btnGroup: 0
    }),
    methods: {
      nicetomeyou () {
        console.log('nicetomeyou')
      },
      btnGroupChange (i) {
        console.log(i)
      }
    }
  }
</script>

<style>
  .buttons {
    padding: 24px;
  }
</style>
