我们通过属性设置,在自定义标签中加上属性,实现父组件向子组件数据的传递
比如我们在父组件中引用子组件
这时候需要在子组件js文件的properties下进行外部数据的配置 ,如下
properties{
index:{
type:String,
value:’’
}
}
配置好后,相当于外部传进来的数据相当于全局的变量了,我们可以使用{{}}语法来读取外部传入的数据
子组件向父组件传递过程比较复杂,主要可分为以下几个部分
1.在父组件的js文件中创建一个事件
2.在子组件的标签中绑定上一个自定义事件,让子组件拿到自定义事件的引用
3.在子组件的js文件的函数的对应位置中,写上this.triggerEvent函数 函数参数分别是,1-想要触发的自定义函数的名称,2-触发时想要从子组件中带给父组件的信息
4.父组件拿到子组件传递的信息,并做进一步的处理,通过e.detail实现
通过自定义事件的形式将父组件中的方法传递给子组件,子组件会触发自定义事件,接着把一些数据传送给父组件的自定义事件
以上这个过程可理解为父组件把钥匙借(自定义方法)给了子组件,子组件带着钥匙,并在外面逛了一会,买了一些水果(带给父组件的参数对象),通过钥匙(自定义方法找到了父组件)打开了门,并把水果(参数对象)带回了家,子组件把钥匙和水果(参数对象)还给父组件,父组件接过水果对水果(参数)进行了一些处理
。