Vuetify小部件为trame
项目描述
Trame-vuetify扩展trame 小部件 和 UI，包含所有美丽的Vuetify UI组件。Vuetify是一个拥有精美手工艺材料组件的UI库。无需设计技能——创建令人惊叹的应用程序所需的一切都在您的指尖。
本包不应单独使用，而应作为 trame 的依赖项使用。有关任何特定性，请参阅 trame文档。
安装
trame-vuetify可以使用 pip 安装
pip install --upgrade trame-vuetify使用方法
要了解如何使用此库并开始构建您自己的应用程序，请访问 Trame教程。
API参考文档提供了API级别的文档。
为了探索组件和理解组件的参数和控制，Vuetify网站做得非常好，同时我们包装API的参考可以在这里找到。
trame将Vue模板转换为纯Python代码的方式如下。
材料设计小部件
首先，您需要导入vuetify模块，以便实例化以下所示的各种材料组件。此外，在文档中，组件名称使用破折号作为分隔符，而在Python中，我们使用驼峰表示法来表示类名。
from trame.widgets import vuetify
# <v-btn>Hello World</v-btn>
btn = vuetify.VBtn("Hello World")布尔属性
隐式属性值必须在Python中通过将True分配给它们来明确。
# <v-text-field disabled />
vuetify.VTextField(disabled=True)破折号和冒号分隔符
任何特殊字符（-和:）在Python中变为_。
# <v-text-field v-model="myText" />
vuetify.VTextField(v_model=("myText",))事件
Vue中的事件以@开头，但在Python中，我们以与声明常规属性相同的方式声明它们。
def runMethod():
pass
# <v-btn @click="runMethod" />
vuetify.VBtn(click=runMethod)许可证
trame-vuetify在MIT许可下提供。有关详细信息，请参阅LICENSE。选择此许可证是为了与Vuetify使用的许可证相匹配，这对于使该库成为可能至关重要。
社区
