1、进入自己的vue项目

npm install --save devextreme devextreme-vue

安装完如果有报错按照提示操作即可
2、写Home.vue代码

<template>
  <dx-button :text="text"/>
</template>
<script>
/*组件方式引用*/
import DxButton from "devextreme-vue/button";
export default {
  name: "HelloWorld",
  data() {
    return {
      text: "Hello!"
    };
  },
  components: {
    DxButton
  }
};
</script>

我的项目App.vue首先展示的是Home.vue页面,最终效果如下:
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐