vxe-table组件中其他模块怎么使用？？

Question

eg：vxe-button

<template>
  <div>
    <vxe-button type="text">默认颜色</vxe-button>
    <vxe-button type="text" status="primary">主要颜色</vxe-button>
    <vxe-button type="text" status="success">成功颜色</vxe-button>
    <vxe-button type="text" status="info">信息颜色</vxe-button>
    <vxe-button type="text" status="warning">警告颜色</vxe-button>
    <vxe-button type="text" status="danger">危险颜色</vxe-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
    }
  }
};
</script>

谷歌浏览器渲染的dom结构如下：

    <div>
      <button type="button" class="vxe-button type--text"></button>
      <button type="button" class="vxe-button type--text theme--primary"></button>
      <button type="button" class="vxe-button type--text theme--success"></button>
      <button type="button" class="vxe-button type--text theme--info"></button>
      <button type="button" class="vxe-button type--text theme--warning"></button>
      <button type="button" class="vxe-button type--text theme--danger"></button>
    </div>

问题来了,浏览器渲染出来的button标签之间的字不见了，这是怎么么一回事？？同样还有vxe-modal

<template>
  <div>
    <vxe-button @click="value6 = !value6">拖动窗口调整大小</vxe-button>
    <vxe-modal v-model="value6" resize>
      <div style="color: red">按住头部移动！！！！！！！！！！！！！！！</div>
      <div style="color: blue">按住左边距拖动！！！！！！！！！！！！！！！</div>
      <div style="color: red">按住右边距拖动！！！！！！！！！！！！！！！</div>
      <div style="color: blue">按住底边距拖动！！！！！！！！！！！！！！！</div>
      <div style="color: blue">按住左下角拖动 ！！！！！！！！！！！！！！！</div>
      <div style="color: blue">按住右下角拖动！！！！！！！！！！！！！！！</div>
    </vxe-modal>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value6: false,
    };
  }
};
</script>

效果图如下：

• 对问题进行总结

    vxe-button 和 vxe-modal 标签之间的dom元素，都渲染不出来，求大佬解答疑惑，谢谢大佬！

Answer 1

版本不匹配，具体可以去 文档