Vuetify UI组件笔记

1. v-btn浮动按钮
   v-btn浮动按钮
   v-btn按钮和v-text-field文本
   flat：移除按钮的背景色，布尔值类型，默认为false；
   icon：将按钮指定为图标——原型和平面，布尔值类型，默认为false；
   disabled: 移除组件的单击或 target(触发事件)功能。
2. v-text-field文本框v-text-field官网
   v-btn按钮和v-text-field文本
   （1）append-icon：在文本框后面追加一个图标，默认为String类型；
   （2）counter：为输入长度创建一个计数器，如果未指定数字，则默认为25，不会应用任何验证；类型为boolean|number|string；
   （3）disabled：布尔类型boolean不可见；
   （4）multi-line：是否转为文本域，默认是false。文本框和文本域可以自由切换；
   （5）name：字段名，表单中会用到；
   （6）label：提示文字，输入框的标签；
   （7）value：值。可以用v-model代替，实现双向绑定。
   （8）hide-details：表示隐藏文本框底部错误信息。
   （9）required：是否为必填项，如果是，会在label后加*，不具备校验功能。默认是false；
   （10）rows：文本域的行数，multi-line为true时才有效；
   （11）single-line：是否单行文本显示，默认是false。
3. v-toolbar工具栏组件
   Vuetify官网链接：v-toolbar工具栏
   v-toolbar 组件对于任何 gui 都是至关重要的，因为它通常是站点导航的主要来源。工具栏组件与 v-navigation-drawer 和 v-card 配合使用效果非常好。
   dense: 将工具栏内容的高度降低到 48px（使用 prominent 属性时为 96px）。 --(type: boolean)
   flat: 删除工具栏的框阴影。–(type: boolean)
4. v-dialog对话框
   Vuetify官网链接：v-dialog对话框
   persistent: 在元素外部单击不会将其停用。----(type: boolean)-(delault: false)
5. v-card卡片
   Vuetify官网链接：v-card卡片
   v-card组件是一个多功能组件，可用于从面板到静态图像的任何事物。card组件有许多班助组件，使标记尽可能简单。没有列出选项的组件使用Vue的功能组件选项来加快渲染速度，并作为标记糖来使构建更容易。
   （1）v-card-media：一般放图片或视频；
   （2）v-card-title：卡片的标题，一般位于卡片顶部；
   （3）v-card-text：卡片的文本（主体内容），一般位于卡片正中；
   （4）v-card-action：卡片的按钮，一般位于卡片底部；