## v-group
### 參數
* group_name string類型
### 什么時候使用焦點組
通常我們不需要綁定焦點組,只有當遇到焦點邊界移動問題時才會遇到,元素移動到另外一個組的元素時會觸發組所綁定的事件.
:-: 
如圖:當焦點從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) //移動到設置的元素上
}
}
}
~~~
有時我們也會借住組的模式來控制數據的分頁加載,輪播圖滾動等效果,具體實例請參考示例代碼