uni-app 组件相关

1创建组件: 创建一个BBB.vue文件

2.父组件(AAA)引入子组件(BBB)

import BBB from './components/BBB.vue';

3.注册组件 注意:注册于使用的是同名,引入同名,可以与文件名不同

components: {

    BBB

}

4.使用组件

<BBB></BBB>

5.组件传参 以对象的方式将参数赋值给子组件

<BBB :参数名="参数名"></BBB>

6.子组件接收参数

props:['参数名'],

created:function(){

    console.log(this.参数名)//打印父组件传过来的参数

},

7.子组件调用父组件的方法 :

<BBB :参数名="参数名" @"AA方法名" = "父组件的响应事件"></BBB>

8.子组件中调用父组件方法

this.$emit('AA方法名','传的参数');

9.父组件响应方法

父组件响应的方法名(data){

    console.log(data)//打印参数

}