- 综合排序
- 最热优先
- 最新优先
- 来自专栏天天
微信小程序 页面与自定义组件数据通信
-- 页面的 json --> { "usingComponents": { "my-component": "/components/custom-component" } } <! -- 组件 custom-component.wxml --> <custom-component> <view>{{myProperty}}</view> <button bindtap='onMyButtonTap /button> <view>{{A[0].B}}</view> <button bindtap='_myPrivateMethod'>_myPrivateMethod</button> </custom-component -- 组件 custom-component.wxml --> <custom-component> <view>{{myProperty}}</view> <button bindtap='onMyButtonTap '_myPrivateMethod'>_myPrivateMethod</button> <button bindtap='changeParentData'>向父组件传值</button> </custom-component
60060发布于 2018-12-12 - 来自专栏天天
微信小程序 页面与自定义组件数据通信
-- 页面的 json --> { "usingComponents": { "my-component": "/components/custom-component" } } <! -- 组件 custom-component.wxml --> <custom-component> <view>{{myProperty}}</view> <button bindtap='onMyButtonTap /button> <view>{{A[0].B}}</view> <button bindtap='_myPrivateMethod'>_myPrivateMethod</button> </custom-component -- 组件 custom-component.wxml --> <custom-component> <view>{{myProperty}}</view> <button bindtap='onMyButtonTap '_myPrivateMethod'>_myPrivateMethod</button> <button bindtap='changeParentData'>向父组件传值</button> </custom-component
3.4K50发布于 2018-11-11 - 来自专栏历史专栏
【愚公系列】2022年02月 微信小程序-组件模板和组件样式
-- 组件 custom-component.wxml --> <custom-component class="my-class">这段文本的颜色由组件外的 class 决定</custom-component -- 如果设置了 virtualHost ，节点上的样式将失效 --> <custom-component style="color: blue">不是蓝色的</custom-component>
49330编辑于 2022-02-28 - 来自专栏李才哥
Vue.js 面试、常见问题答疑
问题 4，第 16 小节也有提到，有以下常用的配置： handler 执行的函数 deep 是否深度 immediate 是否立即执行 事件修饰符 这个问题我会先写一段代码： ``` <custom-component >内容</custom-component> ``` 然后问：怎样给这个自定义组件 custom-component 绑定一个原生的 click 事件？ 我一开始并不会问什么是事件修饰符，但是如果候选人说 <custom-component @click="xxx">，就已经错了，说明它对这个没有概念。 绑定原生的 click 是这样的： ``` <custom-component @click.native="xxx">内容</custom-component> ``` 该问题会引申很多，比如常见的事件修饰符有哪些 这样就可以在自定义组件上用 v-model 了： ``` <custom-component v-model="value"></custom-component> ``` 如果你能说到 model 选项
2.2K20发布于 2019-07-10 - 来自专栏天天
微信小程序 自定义组件样式
-- 组件 custom-component.wxml --> <custom-component> <view class='outer-title bolded'>{{myProperty}}< </custom-component> <!
3K20发布于 2018-11-11 - 来自专栏知道一点点
百度小程序开发总结
-- 使用组件的页面或者组件 --> <view> <custom-component> <view slot="slot1">我会被插入到组件上方</view> <view slot="slot2">我会被插入到组件下方</view> </custom-component>
68230发布于 2019-07-04 - 来自专栏code秘密花园
再聊 Vue.js 3.2 关于 vnode 部分的优化
举个例子，我们在模板中引入一个组件标签 <custom-component>： <custom-component msg="test"></custom-component> 我们可以用 vnode 这样表示 <custom-component> 组件标签： const CustomComponent = { // 在这里定义组件对象 } const vnode = { type: CustomComponent , props: { msg: 'test' } } 组件 vnode 其实是对抽象事物的描述，这是因为我们并不会在页面上真正渲染一个 <custom-component> 标签，而最终会渲染组件内部定义的
1.4K10发布于 2021-09-29 - 来自专栏全栈前端精选
详解vue组件三大核心概念
我们先来思考这样问题：怎样给这个自定义组件 custom-component 绑定一个原生的 click 事件？ <custom-component>组件内容</custom-component> 如果你的回答是 <custom-component@click="xxx">，那就错了。 绑定原生的 click 是这样的： <custom-component @click.native="xxx">组件内容</custom-component> 实际开发过程中离不开事件修饰符，常见事件修饰符有以下这些
1.5K31发布于 2019-09-29 - 来自专栏Gorit 带你学全栈系列
手把手带你学微信小程序 —— 如何开发属于自己的第三方微信小程序组件库
二、使用脚手架开发 2.1 脚手架环境初始化 npm install -g @wechat-miniprogram/miniprogram-cli miniprogram init --type custom-component ，问就是 vite 构建，支持 Vue3，比 VuePress 构建更快 [3] https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component /trdparty.html 官方提供的第三方组件开发文档 [4] https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component
1.5K20编辑于 2022-05-18 - 来自专栏日常记录
mpx 中手写一个关联组件 relations 使用
} } }) 获取子组件或父组件 详细文档移步wx小程序官方文档 https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component
65920发布于 2019-03-28 - 来自专栏宅机吧
小程序组件开发学习之页面内分享组件
官方文档： https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 和vue的写法相比，感觉也就换了个皮
86720发布于 2019-07-30 - 来自专栏历史专栏
【愚公系列】2022年02月 微信小程序-Component组件
-- 组件 custom-component.wxml --> <custom-component> <view>{{myProperty}}</view> <button bindtap='onMyButtonTap /button> <view>{{A[0].B}}</view> <button bindtap='_myPrivateMethod'>_myPrivateMethod</button> </custom-component true, "usingComponents": {} } 3.页面使用组件 { "usingComponents": { "my-component": "/components/custom-component
67620编辑于 2022-12-01 - 来自专栏前端博客
vue2升级vue3：Vue3时jsx组件绑定自定义的事件、v-model、sync修
Vue3 jsx新特性，支持v-model使用，如果组件的v-mdel是modelValue的话，那使用很简单renderDropdown(h){const value = "value"return <custom-component </custom-component>}在Vue2里面，v-mode必须使用value的prop，用法不够灵活。
3K20编辑于 2022-06-24 - 来自专栏各类技术文章~
vnode 到真实 DOM 是如何转变的？
例如，我们在模板中引入一个组件标签 custom-component： <custom-component msg="test"></custom-component> 复制代码 我们可以用 vnode 这样表示 custom-component 组件标签： const CustomComponent = { // 在这里定义组件对象 } const vnode = { type: CustomComponent , props: { msg: 'test' } } 复制代码 组件 vnode 其实是对抽象事物的描述，这是因为我们并不会在页面上真正渲染一个 custom-component 标签，
1.1K00发布于 2021-10-24 - 来自专栏『学习与分享之旅』
微信小程序-组件生命周期方法
组件的生命周期方法编写的位置与页面的生命周期是不一样的，组件生命周期声明是写在 lifetimes 当中 官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component
80440编辑于 2023-05-22 - 来自专栏你的小程序
小程序多平台同构方案分析-kbone 与 remax
bindtouchmove="onTouchMove" bindtouchend="onTouchEnd" bindtouchcancel="onTouchCancel" bindtap="onTap" generic:custom-component ="custom-component"></element> </block> </view> <element wx:elif="{{item1.type === 'element'} bindtouchmove="onTouchMove" bindtouchend="onTouchEnd" bindtouchcancel="onTouchCancel" bindtap="onTap" generic:custom-component ="custom-component"></element> </block> remax remax 是通过 react 来写小程序，整个小程序是运行在 worker 线程，remax 实现了一套自定义的
2.3K50发布于 2019-12-17 - 来自专栏小程序
小程序的事件机制与异步执行
-- 父组件监听子组件事件 --><custom-component bind:customEvent="onCustomEvent"></custom-component>Page({ onCustomEvent
50400编辑于 2025-02-21 - </template> <script> import CommonAttr from "@/custom-component 在 src\custom-component\component-list.js组件列表中添加对应的组件信息 注意组件名称等信息要对应刚刚建立组件的名称 // 编辑器左侧组件列表 const list</template> <script> import componentList from "@/custom-component 在 src\custom-component 目录下新建需要新增的组件文件夹 2). /> </el-form-item> </el-form>来自专栏web全栈
VisualDrag低代码拖拽模板
btn_name">{{ item.label }}
微信小程序组件开发
点击后获取的参数 4.参考资料 官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 项目代码
【小程序】组件通信
同名的生命周期函数 关于详细的覆盖和组合规则，大家可以参考微信小程序官方文档给出的说明： https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component
