```html
<div class="demo-block" id="button-tab-demo1">
  <lx-button-tab>
    <lx-button-tab-item>Today</lx-button-tab-item>
    <lx-button-tab-item selected>
      This Week
    </lx-button-tab-item>
    <lx-button-tab-item>This Month</lx-button-tab-item>
  </lx-button-tab>
  <br>
  <lx-button-tab>
    <lx-button-tab-item selected>
      文章订阅
    </lx-button-tab-item>
    <lx-button-tab-item>商品订阅</lx-button-tab-item>
  </lx-button-tab>
  <br>
  </lx-button-tab v-model="demo01">
    <lx-button-tab-item @on-item-click="consoleIndex">
      文章同步
    </lx-button-tab-item>
    <lx-button-tab-item @on-item-click="consoleIndex">
      商品同步
    </lx-button-tab-item>
  </lx-button-tab>
  <br>
  <lx-divider>Red Dot</lx-divider>
  <lx-button-tab>
    <lx-button-tab-item selected>
      All Message
    </lx-button-tab-item>
    <lx-button-tab-item>
      <span class="vux-reddot-s">New Message</span>
    </lx-button-tab-item>
  </lx-button-tab>
</div>

<script>
// 按钮切换栏.md
new Vue({
  el: '#button-tab-demo1',
  data: {
    demo01: 0
  },
  methods: {
    consoleIndex () {
      console.log('click demo01')
    }
  }
})
</script>
```