微信小程序之组件

一.创建并使用组件的步骤

1.创建一个文件夹存放组件，并在里面创建一个组件文件夹，components，tabs

2.在tabs文件里添加组件模板

3.引用组件，在父组件的json文件中配闭的usingComponents中添加子组件路径，compont

4.使用组件，相当于正常标签进行使用

二.父组件向子组件传参的步骤

父组件给子和局组件的tabs传入对象

1.父组件的数据

2.子组件做的 *** 作

如果没有传入数据，就会输出默认值value

3.子组件展示对唤卖让象数据：

三.子组件向父组件传参的步骤

1.先给子组件添加一个点击事件

2.通过this.triggerEvent("自定义事件名称",{传的值})命令保证子组件和父组件同步被修改

3.父组件绑定子组件，定义一个事件名称，用来接收子组件传递的数据

为了满足用户的需要，微信小程序广告闭模组件正在内测中，同时还更新了其他功能，让微信的功能日渐完善。下面我们一起来了解下这次更新的具体内容。

微信小程序本次更新的主要内容有：

1、内测小程序广告组件

为满足小程序开发者变现需求，小程序广告组件已启动内测。

开发者开通流量主模块后，可通过创建广告单元，使用广告组件将广告卡片灵活配置在小程序页面内。

同时，微信广告已面向广告主开放品牌活动推广、电商推广、公众号推广及应用推广等类目能力，支持小程序广告资源位投放。

2、新增快速创建小程序接口

为帮助已有公众号用户快速接入小程序服务，公众平台新增“快速注册小程序”权限集。

公众号可授权第三方平台快速注册并认证小程序。

3、新增插件管理接口

为方便小程序开发者使用插件，新增插件管理接口，包括添加插件及管理插件使用申轿薯缓请。

新增“插件手谈管理权限集”，支持小程序授权第三方平台添加插件。

4、更新基础能力

为保护用户隐私并优化体验，开发者在不获取用户信息的情况下，无需用户授权，即可在页面上展示当前用户的昵称和头像等内容。

当前用户小程序版本过低，无法获得最佳使用体验时，开发者可将其更新到最新版本。

小程序新增异步任务处理能力。

微信小程序的组件和Vue的组件非常相似。

在微信小程序中有很多内置组件，比如button view input image等，有时候我们要自定义组件。和Vue的组件似的。

如何创建自定义组件：

新建一个components目录，在里边创建自定义组件

组件的组成：

使用组件：

一个简单的示例：

创建comp，代表页面；创建components/xxxx，代表组件。

创建组件：

使用组件：

注意：json文件中不能写注释啥的。这里的注举键释租芹是为了解释清楚，在开发中不能写注释。

组件的注意事项：

组件的样式细节：

如何控制页面和组件的样式相互影响：

组件和页面相互通信

this.triggerEvent(事件名，参数对象，{})，最后是options，额外的一些选项

预留一个设备，以有利于对以后进行扩展。

好处：

例子：

在移动端，导航栏，nav-bar，分为左中右三部分。不把这三部分的内容写死。就用插槽，为了封装性更好。

单个插槽的使用很简单：

多个插槽的使用稍微弊答毕复杂，要设置几个东西：

component构造器中可以写哪些东西，如下

---