vue项目应用devExtreme插件

最新推荐文章于 2024-08-16 07:34:20 发布

玉面小达摩suki

最新推荐文章于 2024-08-16 07:34:20 发布

阅读量3.1k

点赞数

分类专栏： web前端技术 vue devExtreme nodejs vscode

本文链接：https://blog.csdn.net/qq_33964336/article/details/86630909

版权

web前端技术同时被 3 个专栏收录

18 篇文章 0 订阅

订阅专栏

nodejs

6 篇文章 0 订阅

订阅专栏

vscode

6 篇文章 0 订阅

订阅专栏

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页面，最终效果如下：
在这里插入图片描述