context参数有什么作用-创新互联

本篇内容主要讲解“context参数有什么作用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“context参数有什么作用”吧!

创新互联建站主营泉港网站建设的网络公司,主营网站建设方案,成都APP应用开发,泉港h5微信小程序搭建,泉港网站营销推广欢迎泉港等地区企业咨询

由官方文档可知:context参数如下:一个包含了所有父组件为当前组件注册的事件监听器的对象。这是data.on的一个别名。

context参数怎样

props:提供所有prop的对象

children:VNode子节点的数组

slots:一个函数,返回了包含所有插槽的对象

scopedSlots:(2.6.0+)一个暴露传入的作用域插槽的对象。也以函数形式暴露普通插槽。

data:传递给组件的整个数据对象,作为createElement的第二个参数传入组件

parent:对父组件的引用

listeners:(2.3.0+)

injections:(2.3.0+)如果使用了inject选项,则该对象包含了应当被注入的属性。

context参数使用函数式组件

(数组|String),我们可以让父组件去控制组件的button按钮内容,改写如下:

//exportdefault{

//name:'functional-button',

//functional:true,

//render(h,context){

//returnh('button','按钮1号')

//}

//}

exportdefault{

name:'funtional-button',

functional:true,

render(h,{children}){

returnh('button',children)

}

}

到此,相信大家对“context参数有什么作用”有了更深的了解,不妨来实际操作一番吧!这里是创新互联建站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


文章题目:context参数有什么作用-创新互联
转载源于:http://bzwzjz.com/article/cohhjj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站设计 成都营销网站制作 手机网站制作 网站设计 手机网站制作设计 成都网站建设 古蔺网站建设 成都网站制作 做网站设计 成都定制网站建设 定制网站制作 成都网站设计 移动手机网站制作 成都网站建设公司 H5网站制作 网站建设推广 品牌网站建设 网站设计公司 成都网站建设公司 企业网站设计 上市集团网站建设 攀枝花网站设计