El-Card是Element Plus组件库中的一个组件,用于展示卡片式的内容。它提供了丰富的配置选项,可以根据需
原创
2024-03-19 11:02:37
3916阅读
import 'package:flutter/material.dart'; import 'res/listData.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override W
原创
2021-08-05 10:34:00
393阅读
AspectRatio组件 AspectRatio 的作用是根据设置调整子元素 child 的宽高比。 AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展,widget 的高度是由宽 度和比率决定的,类似于 BoxFit 中的 contain,按照固定比率去尽量占满区域。 简单来说 ...
转载
2021-10-16 14:43:00
126阅读
2评论
1.组件,什么是组件,可以这样理解,一个页面有可能包含很多逻辑,很混乱,当我们将这一大坨东西分为很多个小东西,每一个小东西只完成自己的功能,和其他的小东西互不干涉,页面想要使用,只需要引入就行了。 2.组件的使用可分为三步:一创建组件构造器,二注册组件,三使用组件 3.其实每一个组件就相当于一个vue实例,它也有自己的template,method,data,components这些东西,data
转载
2024-04-03 12:51:40
155阅读
一、Divider 组件、二、Card 卡片组件、三、AlertDialog 对话框组件、四、 相关资源
原创
2022-03-08 14:20:28
391阅读
Flutter AspectRatio 组件 AspectRatio 的作用是根据设置调整子元素 child 的宽高比。 AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展,widget 的高度是由宽 度和比率决定的,类似于 BoxFit 中的 contain,按照固定比率去尽量占
转载
2021-08-13 09:25:03
570阅读
一个 Material Design 卡片。拥有一个圆角和阴影 效果:
转载
2021-08-13 09:27:52
2056阅读
一、组件概念 有html模板,有css样式,有js逻辑的集合体 1、根组件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>模板</title> </head> <body> <div id="app"> <h1>组件概念</h Read More
原创
2021-08-26 15:56:45
143阅读
子组件 <div @click="tabClick(item, index)" > methods: { //item和index就是传递的参数 tabClick(item, index) { this.currentIndex = index; this.$emit("tabClick", itm ...
转载
2021-09-01 16:57:00
131阅读
2评论
vue组件使用分三步: 1. 引用组件 import facePop from './components/facePop' 2. 注册组件 components = { facePop } 3. 使用组件 <facePop></facePop> 新建一个components文件夹存放组件 src/
原创
2023-11-23 12:22:32
95阅读
Flutter AspectRatio组件AspectRatio的作用是根据设置调整子元素child的宽高比。AspectRatio首先会在布局限制条件允
原创
精选
2023-03-22 21:50:03
298阅读
效果:代码: Card( elevation: 5,//阴影 shape: const RoundedRectangleBorder(//形状
原创
2019-05-23 16:32:14
209阅读
Vue组件化的实现与基本步骤基本步骤组件的基本步骤(原始步骤)组件的简化步骤(语法糖)全局组件&局部组件模板分离(简化代码)第一种方式script方式第二种方式 基本步骤组件的基本步骤(原始步骤)创建组件构造器注册组件使用组件代码如下<div id="app">
//使用组件
<mycpn></mycpn>
</
转载
2024-04-07 17:36:53
47阅读
1. AspectRatio 组件AspectRatio 的作用是根据设置调整子元素 child 的宽高比。Aspe
原创
2023-03-23 08:03:21
70阅读
这篇博文用来记录 .vue 组件的使用方法。 可以把组件代码按照 template、style、script 的拆分方式,放置到对应的 .vue 文件中。 模板(template)、初始数据(data)、接受的外部参数(props)、方法(methods)、生命周期钩子函数(lifecycle ho
转载
2018-11-14 18:05:00
125阅读
2评论
1.什么是组件 组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 注册一个全局组件语法格式如下: Vue.component(tag ...
转载
2021-08-19 19:22:00
266阅读
2评论
这篇文章主要为大家详细介绍了vue全局组件与局部组件的使用方法,具有一定的参考价值,对此有需要的朋友可以参考学习下。vue全局/局部注册,以及一些混淆的组件main.js入口文件的一些常用配置, 在入口文件上定义的public.vue为全局组件,在这里用的是pug模版 .wraper 的形式相当于<div class=wraper></div>—main.js文件**mai
转载
2024-09-27 22:23:17
94阅读
import Card from './components/Card.vue'Vue.component('m-card',Card) // component是注册全局组件,在实例化VUE前调用,注册后可以全局使用 。 components是局部注册组件,注册后只能在当页调用。
原创
2022-04-19 16:41:56
209阅读
介绍组件之间父子关系的形成,如何在组件中使用别的组件,私有组件和全局组件的配置
原创
2023-12-19 11:11:09
80阅读
Vue 组件的使用组件的两种命名方式使用 kebab-case Vue.component('my-component-name', { /* ... */ })当使用 kebab-case (短横线分隔命名) 定义一个组件时,你也必须在引用这个自定义元素时使用 kebab-case,例如 。使用 PascalCaseVue.component('MyComponentName', { /* ... */ })当使用 PascalCase (首字母大写命名) 定义一个组件时
原创
2022-01-10 10:45:45
184阅读