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

vuejs组件
<div id='root'> <ul> <todo-item></todo-item> </ul> </div> <script> Vue.component('todo-item',{ template:'<li>item</li>' }) </script> 全局组件：上面这种组件叫做全局组件
发布订阅
vue.js 数据
转载
mob60475704ea1a
2018-09-04 21:46:00
232阅读
2评论

理解VueJs模板
1.通过创建这个新的Vue实例，注意，虽然没有把它存入一个变量内，但Vue实例还是被创建了。2.通过创建这个Vue实例，我们就建立了这一联系。Vue基于上面的HTML代码，创建了一个模板，要特别注意理解的是，Vue在运行时，并不直接使用我们写的HTML代码，实际运行的网页里面也没有我们写的这些命令，Vue根据HTML代码创建的模板存储在内部，然后用这个模板，创建真正渲染成DOM的HTML代码，理解
vue
模板
原创
wx5a5f8671bdd15
2018-12-29 13:48:22
680阅读

vuejs组件通信
<body> <div id="example"> <father></father> </div> </body> <script> Vue.component('child', { // 声明 props props: ['messa
web
vuejs
html
干货
原创
mb61288bff2bcce
2021-08-27 15:27:02
242阅读

vuejs组件的重要选项
new Vue({ el:'#demo', data:{ message:'Hello vue.js!' } }) 我们看到这个括号里面包含了很多中间的选项，小括号里面其实是一些参数，这些参数指定了实例化vue的一些特性 第一个选项data new Vue({ data:{ a:1, b:[] }
html
数据
数据源
赋值
vue.js
转载
mb5fdb0fbba4f73
2018-08-22 06:46:00
110阅读
2评论

vuejs组件参数校验
父组件向子组件传递一些参数，那么子组件有权对这些参数进行一个校验，这个就是组件参数校验 需求：父组件传递过来的必须是个字符串，这个要怎么去校验呢 <div id='root'> <child content='hello world'></child> </div> <script> Vue.com
传递参数
数据
字符串
校验器
数据类型
转载
mob60475704ea1a
2018-09-16 08:51:00
109阅读
2评论

vuejs使用组件的细节点
is属性 <div id='root'> <table> <tbody> <row></row> <row></row> <row></row> </tbody> </table> </div> <script> Vue.component('row',{ template:'<tr><td>th<
html
数据
解决方法
vue.js 数据
转载
mob60475704ea1a
2018-09-14 07:08:00
103阅读
2评论

vuejs组件注册代码示例
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="app"> <button-counter&g
html
javascript
css
其他
原创
a772304419
2022-01-19 11:10:32
56阅读

vuejs组件注册代码示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8"></script> </head&gt
前端技术
原创
a772304419
2021-07-02 11:26:38
189阅读

Vuejs：component动态组件的使用示例
component动态组件很适合在不同组件之间切换，相比。组件 ComponentA.vue。组件 ComponentB.vue。组件 ComponentC.vue。依赖 package.json。入口文件 main.js。
vue.js
javascript
前端
App
Vue
原创
彭世瑜
2023-04-01 01:45:24
1411阅读

VueJS 中更好的组件组合方式
VueJS 中有一些组合组件并复用逻辑的方法。在本文中，我将展示一种在 Vuejs (2.* 及 3.*) 中改进组合方式的方法。 我的确欣赏最近的 Composition API 提案，但我认为视野还可以更开阔。 下面，你可以看到一个实现了一种常规用例（从远端获取一个简单的数据并将其搭配不同的转场效果显示出来）的组件，尽管大部分逻辑及其相关的模版、数据和其它变量等与出现在其它地方或组件中的相同逻
组件组合方式
VueJS
转载
前端开发博客
2021-06-30 16:19:41
119阅读

vuejs父子组件的数据传递
在vue中，父组件往子组件传递参数都是通过属性的形式来传递的 <div id='root'> <counter :count = '1'></counter> <counter :count = '2'></counter> </div> <script> var counter = { props
数据
传递参数
赋值
事件触发
vue.js 数据
转载
mob60475704ea1a
2018-09-15 11:27:00
131阅读
2评论

Vuejs：component动态组件的使用示例
文档 Vuejs 组件基础-动态组件 Vuejs 动态组件 & 异步组件 component动态组件很适合在不同组件之间切换，相比v-if判断，要优雅得多 项目结构 $ tree -I node_modules . ├── package.json └── src ├── App.vue ├── components │ ├── ComponentA.vu
App
html
json
原创 精选
彭世瑜
2023-03-31 17:22:18
1134阅读

vuejs组件交互 - 01 - 父子组件之间的数据交互
父子组件之间的数据交互遵循： 1. props down 子组件通过props接受父组件的数据 1. events up 父组件监听子组件$emit的事件来操作数据 示例 子组件的点击事件函数中$emit自定义事件 父组件监听事件 父组件的methods中定义了事件处理程序 注意 多参数的传递是一个
vuejs
ios
数据
多参数
html
转载
mob604756ec5243
2017-08-09 08:16:00
91阅读
2评论

vuejs动态组件给子组件传递数据
vuejs动态组件给子组件传递数据 通过子组件定义时候的props可以支持父组件给子组件传递数据，这些定义的props在子组件的标签中使用绑定属性即可，但是如果使用的是 中进行绑定 组件的作用于是独立的 组件的作用于是独立的，如果要从跟组件获取数据，那么需要一层层的传递才行，也就是说子组件只能从直接
vuejs
动态组件
props
传递数据
获取数据
转载
mb5fdb128f2dba9
2016-07-03 16:17:00
280阅读
2评论

vuejs非父子组件传值
当父组件要给孙子，或者孙子与孙子要传值的时候怎么传，一层一层传太麻烦了，vuejs提供了一中模式叫发布订阅模式（观察者模式，bus，总线）来处理非父子组件间的传值 <div id='root'> <child content = 'Dell'></child> <child content = 'L
观察者模式
发布订阅
vue.js 数据
转载
mob60475704ea1a
2018-09-17 07:07:00
173阅读
2评论

vuejs23简单组件使用
vuejs23简单组件使用
vuejs23
简单组件
原创
素颜猪
2017-02-07 11:27:29
640阅读

vuejs组件交互 - 02 - 事件中心管理组件间的通信
事件中心 这个可以是一个空的全局的Vue实例，其他的组件利用这个实例emit和on自定义事件，这样组件定义了自己的事件处理方法。 事件监听和注销监听 事件监听应在根组件的created钩子函数中进行，在组件销毁前应注销事件监听 子组件的emit事件，注意这里用的window.$emit而不是this
vuejs
事件监听
ios
自定义事件
钩子函数
转载
mob604756e85b28
2017-08-09 10:31:00
88阅读
2评论

JavaScript vue 动态修改传入组件的props vuejs动态加载组件
https://cn.vuejs.org/v2/guide/components.htmlhttps://cn.vuejs.org/v2/guide/components-dynamic-async.html上述内容可以通过 Vue 的 <component> 元素加一个特殊的 is 特性来实现：<!-- 组件会在 `currentTabC
Vue
懒加载
赋值
转载
编程小匠人传奇
2023-11-06 07:27:49
104阅读

vuejs给组件绑定原生事件
给组件绑定事件，该事件是自定义的事件 <div id='root'> <child @click='handleClick'></child> </div> <script> Vue.component('child',{ template:'<div>hello</div>' }) var vm
绑定事件
自定义
vue.js 数据
转载
mob60475704ea1a
2018-09-17 06:28:00
101阅读
2评论

高阶组件的理解
一、是什么 高阶函数（Higher-order function），至少满足下列一个条件的函数 接受一个或多个函数作为输入 输出一个函数 在React中，高阶组件即接受一个或多个组件作为参数并且返回一个组件，本质也就是一个函数，并不是一个组件 const EnhancedComponent = hi ...
复用
高阶函数
回调函数
函数式
异常处理
转载
mob604756e9d3bc
2021-08-06 15:55:00
197阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

vue 组件的理解

vuejs组件交互 - 03 - vuex状态管理实现组件交互

harmonyos 组件化 组件化的理解

VueJS 处理表单组件上 api 调用的错误

Vuejs自定义组件的四种方式

vuejs动态组件和v-once指令

Vuejs装饰器风格开发教程（类组件）

vuejs--递归组件(树型表格分享)

【Vuejs】1025- Vue 组件通信的 8 种方式

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

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