Zywave 用户界面 (ZUI) 片段是一款专为 Visual Studio Code 设计的扩展插件，旨在帮助开发者在 Vue 文件中快速插入 zui-components 的 HTML 代码片段。即使 ZUI 本身不直接支持 Vue，您也可以通过使用事件来替代 v-model，借助这些片段快速设置组件。

使用方法：

• 基础使用： 安装后，只需在 HTML 中输入您要使用的组件前缀，如

• 大型组件： 当生成较大的包装组件时，可能会生成更多的内部组件以展示其全部功能。例如，生成 时会自动生成子 组件。尝试生成 以体验这一功能。

• 组件变体： 您还可以生成组件的变体，这些变体会包含某些通常不会包含的属性、绑定或组件。例如， 会生成带有左侧图标的按钮。

片段索引：

在 Vue 文件中编写 HTML 时，VSCode 会根据您输入的前缀来建议相应的片段。以下是一些常用前缀及其对应的基础组件：

通过 Zywave 用户界面片段，您可以大幅提升在 Vue 项目中使用 ZUI 组件的开发效率。无论是基础组件还是复杂的组件设置，都能通过简单的前缀输入快速生成，节省您的时间和精力。