「B/S端开发」DevExtreme初级入门教程 - 支持TypeScript
cac55 2024-11-13 09:34 11 浏览 0 评论
DevExtreme Vue 组件随 TypeScript 声明一起提供，Strict类型允许您在早期阶段捕获错误并使用代码完成和自动重构等功能。
DevExtreme Complete Subscription官方最新版免费下载试用，历史版本下载，在线文档和帮助文件下载-慧都网
以下代码显示了在 Vue 应用程序中使用带有DevExtreme组件的 TypeScript 的示例：
App.vue
<template>
<div>
<DxList :items="items" ref="list">
<template #item="{data}">
<Item :text="data.text" />
</template>
</DxList>
</div>
</template>
<script lang='ts'>
import { Component, Vue } from 'vue-property-decorator';
import { DxList } from 'devextreme-vue/ui/list';
import Item from './components/Item.vue';
interface IListItemProps {
text: string;
}
@Component({
components: {
DxList,
Item
}
})
export default class App extends Vue {
public $refs: Vue['$refs'] & {
list?: DxList,
} = {};
public items: IListItemProps[] = [
{ text: 'Item 1' },
{ text: 'Item 2' },
{ text: 'Item 3' }
];
}
</script>Item.vue
<template>
<div @click="addCounter">
{{text}} was clicked {{counter}} times
</div>
</template>
<script lang='ts'>
import { Component, Prop, Vue } from 'vue-property-decorator';
@Component
export default class Item extends Vue {
@Prop() public text!: string;
public counter: number = 0;
public addCounter() {
this.counter = this.counter + 1;
}
}
</script>支持的版本
DevExtreme
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。
相关推荐
- 为什么要对彗星“深度撞击”（比特彗星中文破解版）
-
在太阳系中，被人类探测器造访的彗星数量与行星数量差不多。其中绝大多数探测器都是从彗星附近飞过采集数据。但2005年“深度撞击”探测器则采取了主动出击的策略。它释放出的撞击体以10千米/秒的速度撞...
- 准妈妈备产清单:看看凯特王妃待产包里都有啥
-
来源:新华网英国威廉王子和凯特王妃即将迎来他们的第三个孩子。据悉，同生乔治王子和夏洛特公主时一样，此次凯特仍然选择在伦敦圣玛丽医院生产。那么，凯特的待产包里有些什么呢？匿名消息源向英国《OK!》杂志透...
- 系统小技巧:正确处理软件放行与禁用的矛盾
-
有时，我们讨厌一些程序运行，但它们偏偏会自动弹出，我们希望禁止其运行。而还有的时候，因为某种原因使用了比较复杂的“软件限制策略”，造成某些软件无法运行，这时我们希望将其解禁。虽然我们可以用修改注册表的...
- 老网民的青春:盘点那些消失在互联网中的软件，你用过哪款?
-
一则ICQ即将关闭的消息，唤醒了很多70后80后尘封的记忆。ICQ可以说是即时通讯软件的鼻祖，它诞生于1996年，由以色列公司Mirabilis推出，ICQ是Iseekyou的简写，中文释义为“我...
- Windows Vista 动态桌面的设置（windows10动态桌面）
-
一、VMwareWorkstation15(16的版本能安装但是不能实现动态桌面)安装WindowsVistaEnterprise，15下安装及设置完成后，在16下可以正常显示，虚拟机下安装...
- Hexoskin智能T恤 穿在身上的运动追踪器
-
来源:MSN理财综合|2016-01-0615:14:42[摘要]Hexoskin使用方便，续航时间超长。它能准确追踪运动数据，可以满足专业运动员以及热爱健身的人，官网售价399美元。其实不用多说什...
- 你了解这些互联网的名词吗?（互联网的别称有哪些）
-
要想成为互联网的菜鸟，可以先了解一下互联网的一些基础名词。现在就一起来来看看吧，记住了，可以应急用哦！PV：即页面浏览量，或点击量（用户每次刷新即被计算一次）UV：独立访客（UniqueVisi...
- 不要成为无用的大人——写给三十岁前的你
-
我不习惯写励志故事，看到鸡汤绕道而行，原因是任何人选择入世生活，就并不值得安慰，以及不要期待享受特权，也没有你必须不得承受的麻烦。金牛座的世界里遭遇一切苦都是应该的，一切得到则需要努力得到，而且要认真...
- 尼康宣布正研发专业级FX格式数码单反相机D5
-
尼康宣布正在研发专业级FX格式数码单反相机D5。作为D4s的后续机型，D5机型的命名源于此款产品代表了尼康数码单反相机的第5代专业级机型。D4s于2014年2月发布，作为专业级数码单反相机，一经推出，...
- 配置管理流程（配置管理流程属于）
-
资料来源：https://www.cnblogs.com/wayne-ivan/articles/525818.html1 概要1.1 内容规范配置管理活动，确保配置项正确地唯一标识并易于存取，保证基...
- 小密圈-重新定义你的朋友圈（小密圈开放了）
-
微信在我们的生活中已经被使用的非常广泛了，除了聊天、视频之外，用的最多的就是朋友圈。在朋友圈里分享自己每天的所感所悟，家长里短本来是一件很开心的事，但是最近的一条新闻引起了人们的关注。某白领因为不愿意...
- 十招教你找到海量PPT模板（怎么找ppt模板资源）
-
配图设计：@乌素淖尔我每天都能遇到这种求助问题，不堪重负。问：急求XXXPPT模版？无耻的来求PPT模版，我是在一家互联网公司工作的小员工，领导安排说年初要用PPT做一份工作计划报告，主要是想说一下今...
- 安卓系统手机文件夹及其文件详细解析
-
打开Android文件管理器，会发现里面数十个英文名称命名的文件夹罗列其中，很多功能我们可以从其名字上略有所知，内部大批量的文件却让我们有些一头雾水。这些文件是什么呢?有什么用?我们能不能删?这些都是...
- 我为什么不喜欢微信（有没有人不喜欢聊微信）
-
这个问题是我在知乎的一个回答，原始问题是“什么样的用户不喜欢微信”？出于数据备份的原因，将其复制保留一份到这里，以防丢失。以下是原回答内容：我是做技术出身的，我非常不喜欢微信，同样也不喜欢QQ，但是为...
- 花了一周时间，整理出推荐频率最高的14款办公必备软件
-
澄清！猫猫最近没有偷懒！猫猫去干大事儿了！随着猫猫推荐的软件越来越多，大家是不是也苦恼每次想找一类软件，还得去一篇一篇翻历史文章，其实我也很苦恼这个问题。于是！猫猫上周搭建了一个“猫猫软件中心”，这里...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- 如何绘制折线图 (52)
- javaabstract (48)
- 新浪微博头像 (53)
- grub4dos (66)
- s扫描器 (51)
- httpfile dll (48)
- ps实例教程 (55)
- taskmgr (51)
- s spline (61)
- vnc远程控制 (47)
- 数据丢失 (47)
- wbem (57)
- flac文件 (72)
- 网页制作基础教程 (53)
- 镜像文件刻录 (61)
- ug5 0软件免费下载 (78)
- debian下载 (53)
- ubuntu10 04 (60)
- web qq登录 (59)
- 笔记本变成无线路由 (52)
- flash player 11 4 (50)
- 右键菜单清理 (78)
- cuteftp 注册码 (57)
- ospf协议 (53)
- ms17 010 下载 (60)