WePY组件使用

一，WePY组件使用

在.wpy文件的<script>脚本部分先import组件文件，并在components对象中给组件声明唯一的组件ID

二，普通WePY组件

WePY中的组件是静态组件，如果引用同一个组件ID，对应的其实是同一个实例与数据，都是本身。

应该为两个相同组件的不同实例分配不同的组件ID，从而避免数据同步变化的问题

 components={

  child:Child,

  anotherchild:Child

 };

不需要将驼峰命名的子组件转换成短横。即不需要将childCom装换成child-com，而VUE中是需要转换的

三，WePY组件props传值

props静态传值：父给儿子传递常量数据，只能传递String字符串类型

 <childtitle="mytitle"></child> //子组件接受到的就是mytitle字符串

props 动态传值：父向子传动态数据，父子数据独立不干扰。 

<组件 :动态数据='父data中的数据名'>

--父子间数据独立不干扰

<组件 :动态数据.sync='父data中的数据名'> 

--有.sync修饰符的props属性值，当在父组件中改变时，会同时改变子组件对应的值。

 <组件 :twoWayTitle='父data中的数据名'> 

      --在子组件中设置twoWayTitle对象的属性值twoWay: true，那么子组件中改变时，父也会更改

三，循环WePY组件

循环渲染WePY组件，需要用<repeat>

<repeat for="{{list}}" key="index" index="index" item="item">

<!-- 插入<script>脚本部分所声明的child组件，同时传入item -->

只能传入整个数据Item,不能传入数据里的某个值，例如item.title之类的

<child  :item="item"></child>  

</repeat>