## v-group
### 参数
* group_name string类型
### 什么时候使用焦点组
通常我们不需要绑定焦点组,只有当遇到焦点边界移动问题时才会遇到,元素移动到另外一个组的元素时会触发组所绑定的事件.
:-: ![](https://box.kancloud.cn/fb52ede83fb4d52ca75868fbf93ef134_606x348.png)
如图:当焦点从item1 移动到 group1 中的item时,我们希望 item向上移动时仍然会将item1获得焦点,而不是默认采取的最近距离算法而获得的焦点,此时我们可以指定item3,4,5为一个组内
组监听的方法只有 方向 如:left,right,up,down,并且只用组内焦点移动到组外元素是才会响应。
默认会添加class="group" 如果设置了 group_name 则使用group_name为 class
### **Example**
~~~
<div ref="item1" v-items>item1</div>
<div v-items>item2</div>
<div v-groups="{group_name:'new_gorup'}" @up="toItem('item1')">
<div v-items>item3</div>
<div v-items>item4</div>
<div v-items>item5</div>
</div>
export default {
methods:{
toItem(item){
this.$service.move(item) //移动到设置的元素上
}
}
}
~~~
有时我们也会借住组的模式来控制数据的分页加载,轮播图滚动等效果,具体实例请参考示例代码