组件式开发

在开发小程序中，我没有接触过vue框架，所以理解组件式开发也比较困难，大家都说组件式开发是vue的核心，下面对组件式开发讲一下自己的看法也能加深理解.

首先我们需要明确一点，何为父组件，何为子组件。个人理解为，自定义的组件称为子组件，引用了子组件的页面称为父组件。

父向子传递数据

我们通过属性设置，在自定义标签中加上属性，实现父组件向子组件数据的传递

比如我们在父组件中引用子组件

​

这时候需要在子组件js文件的properties下进行外部数据的配置 ，如下

properties{

​ index:{

​ type:String,

​ value:’’

​ }

}

配置好后，相当于外部传进来的数据相当于全局的变量了，我们可以使用{{}}语法来读取外部传入的数据

子向父传递数据

子组件向父组件传递过程比较复杂，主要可分为以下几个部分

1.在父组件的js文件中创建一个事件

2.在子组件的标签中绑定上一个自定义事件，让子组件拿到自定义事件的引用

3.在子组件的js文件的函数的对应位置中，写上this.triggerEvent函数 函数参数分别是，1-想要触发的自定义函数的名称，2-触发时想要从子组件中带给父组件的信息

4.父组件拿到子组件传递的信息，并做进一步的处理，通过e.detail实现

通过自定义事件的形式将父组件中的方法传递给子组件，子组件会触发自定义事件，接着把一些数据传送给父组件的自定义事件

以上这个过程可理解为父组件把钥匙借（自定义方法）给了子组件，子组件带着钥匙，并在外面逛了一会，买了一些水果（带给父组件的参数对象），通过钥匙（自定义方法找到了父组件）打开了门，并把水果（参数对象）带回了家，子组件把钥匙和水果（参数对象）还给父组件，父组件接过水果对水果（参数）进行了一些处理
。