51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

Vue 组件与复用
（1）全局注册 （2）局部注册 （3）is挂载组件 table、ul、ol、select这些标签会限制其内的元素，这时可以使用is来挂载组件 （4）组件也可以有data，method，computed等属性。但是data是函数，数据需要return出去。 （5）解决多个组件之间数据共享问题 给组件返
VUE
组件
复用
html
javascript
转载
mob604756eb6938
2017-12-18 12:00:00
787阅读
2评论

Vue.js的复用组件开发流程
本文由蔡述雄发表 接下来我们会详细分析下如何完成由多个组件组成一个复用组件的开发流程。 下面先看看我们的需求 列表组件quiList.vue 本节我们主要要完成这样一个列表功能，每一行的列表是一个组件，列表内可能出现按钮组件或者箭头组件，点击按钮组件可以自定义事件，同时可以根据不同的参数来决定当前列
生命周期
实例化
默认值
点击事件
自定义标签
转载
mob604756ff4913
2018-11-29 11:08:00
111阅读
2评论

Vue.js的复用组件开发流程
本文由蔡述雄发表 接下来我们会详细分析下如何完成由多个组件组成一个复用组件的开发流程。 下面先看看我们的需求 列表组件quiList.vue 本节我们主要要完成这样一个列表功能，每一行的列表是一个组件，列表内可能出现按钮组件或者箭头组件，点击按钮组件可以自定义事件，同时可以根据不同的参数来决定当前列
Vue.js组件复用
生命周期
实例化
默认值
点击事件
转载
mb5fd86a704dffe
2018-12-12 20:53:00
109阅读
2评论

vue之 组件与复用
如果我们写一个弹窗，弹窗中存在关闭按钮、输入框、发送按钮等。你可能会问，这有什么难的，你就是几个div、input吗？好，那现在需要升级了，这几个控件还有别的地方要用到。没问题，复制黏贴呗。那如果输入框要带数据验证，按钮的图标支持自定义呢？这样用JavaScript封装后一起复制呗。那等到项目快完结时，产品经理说，所有使用输入框的地方要改成支持回车键提交。好吧，给我一天的时间，我一个一个加上去。上面的需求虽然有点变态，但却是业务中很常见，那就是控件，Javascript能力的复用。没错，Vue.js的组
Vue
Web开发
原创
wx5ee83f8027ac0
2021-04-29 13:57:14
1092阅读

VUE框架实现组件化开发使用模板实现组件复用------VUE框架
VUE框架实现组件化开发使用模板实现组件复用------VUE框架
配置项
Vue
html
原创
旧约Alatus
2023-12-04 15:05:52
121阅读
1点赞

Vue 组件复用性和slot
1、组件可复用 2、slot元素作为组件模板之中的内容分发插槽，元素自身可以被替换
vue
原创
wx5935381fcc679
2021-07-14 11:01:41
315阅读

Vue.js的复用组件开发流程完整记录
前言从维护视图到维护数据，Vue.js 让我们快速地开发应用。但随
vue
实例化
点击事件
生命周期
原创
暴走的狗子
2022-03-29 11:19:55
260阅读

打造 Vue.js 可复用组件
Vue.js 是一套构建用户界面的渐进式框架。我们可以使用简单的 API 来实现响应式的数据绑定和组合的视图组件。 从维护视图到维护数据，Vue.js 让我们快速地开发应用。但随着业务代码日益庞大，组件也越来越多，组件逻辑耦合严重，使代码维护变得十分困难。 同时，Vue.js 的接口和语法十分自由，
ide
复用
数据
原创
axl234的博客
2022-04-06 10:56:01
350阅读

vue封装axios VUE封装商品组件并复用
一、什么是组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。 二、组件用法组件需要注册后才可以使用，注册有全局注册和局部注册两种方式。2.1 全局注册后，任何V ue 实例都可以使用。如：<div id="app1"> <my-component></my-compo
vue封装axios
Vue
作用域
HTML
转载
IT智行者
2023-06-25 16:18:24
99阅读

68Vue - 编写可复用组件
在编写组件时，记住是否要复用组件有好处。一次性组件跟其它组件紧密耦合没关系，但是可复用组件应当定义一个清晰的公开接口。Vue 组件的 API 来自三部分 - props, events 和 slots ：Props 允许外部环境传递数据给组件Events 允许组件触发外部环境的副作用Slots 允许外部环境将额外的内容组合在组件中。使用 v-bind 和 v-on 的简写...
# Vue
原创
阿甘兄_
2021-07-07 13:41:03
168阅读

68Vue - 编写可复用组件
在编写组件时，记住是否要复用组件有好处。一次性组件跟其它组件紧密耦合没关系，但是可复用组件应当定义一个清晰的公开接口。Vue 组件的 API 来自三部分 - props, events 和 slots ：Props 允许外部环境传递数据给组件Events 允许组件触发外部环境的副作用Slots 允许外部环境将额外的内容组合在组件中。使用 v-bind 和 v-on 的简写...
复用
ico
缩进
原创
阿甘兄_
2022-03-24 11:04:29
204阅读

鸿蒙开发：组件样式的复用
如果要实现多页面之间的组件属性样式复用，建议使用AttributeModifier，如果是单页面，通用属性可以使用@Styles，组件自有属性可以使用@Extend。
鸿蒙样式复用
鸿蒙style装饰器
鸿蒙Extend
原创 精选
程序员一鸣
10月前
322阅读

HarmonOS开发之复用组件样式
@Styles装饰器和@Extend装饰器，在实际的开发中，都能解决我们样式属性冗余的问题，但是他们俩的用处确实不一样的，比如，如果相同组件的样式复用，我们就可以使用@Extend装饰器，如果不同组件的通用样式，我们则可以使用@Styles装饰器。
鸿蒙Styles装饰器
鸿蒙Extend装饰器
原创
北京大神
5月前
59阅读

【Vue】组件开发
一、整体目标 了解组件开发的整体流程 掌握组件事件和标签事件的区别 掌握在组件上使gdefault事件事件名称说明回调参数click按钮点击事件(even
vue.js
html
数据
类名
原创
szlsay
2022-09-13 12:19:53
106阅读

Vue 组件开发
 将页面拆分为多个组件，简化了页面开发，方便维护，组件也可以复用。 组件的类型通用组件，比如表单、弹窗、菜单栏、分页组件等业务组件，实现某一业务的组件，比如抽奖组件页面组件，也叫做单页，一个页面就是一个组件，只完成功能，不复用 组件开发流程：声明、注册、使用  demo  组件使用流程　　 <div id="app">div>               <script&g
Vue
组件开发
转载
mob604756f19185
2021-05-10 17:58:31
256阅读
2评论

vue 组件开发
vue 组件开发
vue
组件
vue 组件
原创
```...裥簞點
2021-07-15 11:44:34
88阅读

vue组件的定义及复用性，局部组件和全局组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
vue.js
html
复用
性能比较
原创
xyphf_和派孔明
2022-07-22 09:31:25
105阅读

vue 开发系列（三） vue 组件开发
概要 vue 的一个特点是进行组件开发，组件的优势是我们可以封装自己的控件，实现重用，比如我们在平台中封装了自己的附件控件，输入控件等。 组件的开发 在vue 中一个组件，就是一个独立的.vue 文件，这个文件分为三部分。 1.模板 2.脚本 3.样式 我们看一个系统中最常用的组件。 定义好组件后，
vue 组件
原创
wx60f90dec4c4e0
2021-07-22 15:06:55
208阅读

鸿蒙页面开发 - 组件复用样式 @Styles
这篇文章介绍一个装饰器 @Styles，它的主要作用是：将相同样式封装，进行复用当多个组件都有相同的样式，如果每个组件单独设置，会造成大量重复的代码冗余。这时我们可以使用 @Styles 将这些相同样式封装成一个方法，供这些组件调用，达到复用样式的目的使用方法@Styles 使用分为两种情况：定义在组件内：作用域就是这个组件定义在全局：作用域就是这个 .ets 文件组件内使用我们先看下面的一个例子
HarmonyOS
鸿蒙开发
复用样式
原创 精选
时光凉忆
8月前
198阅读

Vue.js组件设计模式：构建可复用组件库
在Vue.js中，构建可复用的组件库是提高代码复用性和维护性的关键。下面是一些设计模式示例，说明如何创建可复用的Vue组件： 1. 单文件组件（Single File Component, SFC） Vue.js组件通常是单文件组件，包含HTML、CSS和JavaScript。一个简单的可复用组件例子如下： <template> <div class="my-com
Vue
javascript
前端框架
原创 精选
天涯学馆
2024-08-17 22:31:28
189阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

【React】组件复用

echarts 组件复用

Vue组件化开发

vue组件基础开发

Vue - 组件化开发

Vue 组件化开发

vue组件开发记录

Vue组件开发详解

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯