Vue DevExtreme 组件语法

---

theme: Chinese-red

highlight: atelier-heath-light

环境搭建

参考

Vue DevExtreme 环境搭建 - 掘金 (juejin.cn)

组件

按钮

创建一个按钮，并且绑定点击事件 ```

```

条形图

```

```

列表

```

Available items

{{ item.text }}

```

提示框

```

```

单向绑定

即使值已经修改，也无法获取修改后的值

```

```

双向绑定

```

```

表单验证

```

<DxTextBox v-model:value="password" mode="password">
      <DxValidator>
          <DxRequiredRule message="Password is required" />
      </DxValidator>
  </DxTextBox>

  <DxValidationSummary />

  <DxButton @click="validate" text="Submit" />

```