一自

uni-app快速⼊⼿——（5）项⽬实战⼀⾃储备店长 定义组件+组件传

值，Ani。。。

在项⽬除皱针能保持多久 搭建中可能某⼀模块频繁使⽤，这样为了⽅便组件的复⽤性，就可以单独建⼀个组件使⽤

本⽂说演⽰⽰例是⼀个评分打星星组件

⼀、⾸先在项⽬中建⽂件名称为componentsuni-app组件⽬录和vue项⽬⼀样

在components新建组件

{{scor新闻日记 eNumber}}

.movie-score-wapper{

display:flex;

flex-direction:row;

}

.star-ico{

width:20rpx;

height:20rpx;

margin-top:6rpx;

}

.movie-score{

font-size:12px;

color:grey;

margin-left:8rpx;

}

⼆、引⽤在中引⽤

这种⽗⼦组件传值

⾸先在⼦组件中定义props，props中的参数是从⽗组件中传来的

props:{

starNum:{

type:Number,

default:0

},

scoreNumber:{

type:Number,

default:0

}

},

⽗组件中如何绑定

这样组件就可以传值通信了

--------------------------------------分割线-------------------------------------------------------------

在学习demo的时候发现⼀个问题，使⽤数组创建动画时在⼩程序中可以使⽤，在app和h5中没有效果，

所以

ionDataArr[gIndex]=()

改为：

(gIndex,1,())