diff --git a/package.json b/package.json
index 5f1be7a6..ad53cfe3 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,7 @@
     "url": "https://github.com/ydcss/vue-ydui.git"
   },
   "scripts": {
-    "dev": "webpack-dev-server --content-base example/ --port 4321 --inline --hot --host 0.0.0.0 --config build/webpack.dev.conf.js",
+    "dev": "webpack-dev-server --content-base example/ --port 4321 --inline --hot --host localhost --config build/webpack.dev.conf.js",
     "build:rem:components": "webpack --config build/webpack.dist.components.rem.conf.js",
     "build:px:components": "webpack --config build/webpack.dist.components.px.conf.js",
     "build:prod": "webpack --config build/webpack.dist.prod.conf.js",
@@ -57,6 +57,7 @@
     "style-loader": "^0.13.1",
     "vue": "^2.5.2",
     "vue-loader": "^10.0.2",
+    "vue-resource": "^1.0.3",
     "vue-router": "^2.1.1",
     "vue-template-compiler": "^2.5.2",
     "webpack": "^1.14.0",
diff --git a/src/components/badge/src/badge.vue b/src/components/badge/src/badge.vue
index 339a4ae2..fcac0c5d 100644
--- a/src/components/badge/src/badge.vue
+++ b/src/components/badge/src/badge.vue
@@ -1,6 +1,6 @@
 <template>
     <span class="yd-badge" :class="typesClass"
-          :style="{backgroundColor: bgcolor, color: color, transform: 'scale('+scale+')'}">
+          :style="{backgroundColor: bgcolor, color: color, transform: 'scale('+scale+')'}" @click='click'>
         <slot></slot>
     </span>
 </template>
@@ -50,6 +50,11 @@
                 }
                 return (this.type ? 'yd-badge-' + this.type : '') + (this.shape === 'square' ? ' yd-badge-radius' : '');
             }
+        },
+        methods:{
+            click(){
+                 this.$emit('click', event);
+            }
         }
     }
 </script>
diff --git a/src/components/button/src/button.vue b/src/components/button/src/button.vue
index 67b9b9db..8a6b5810 100644
--- a/src/components/button/src/button.vue
+++ b/src/components/button/src/button.vue
@@ -1,5 +1,5 @@
 <template>
-    <button :disabled="disabled || loading" :class="classes" :style="{backgroundColor: bgcolor, color: color}" :type="actionType">
+    <button :disabled="disabled || loading" :class="classes" :style="{backgroundColor: bgcolor, color: color}" :type="actionType" @click="handleClickLink">
         <span class="yd-btn-loading" v-if="loading">
             <span class="yd-btn-rolling" :class="rollingClasses" :style="{marginRight: loadingTxt ? '8px' : '0'}"><i></i></span>
             <template v-if="size === 'large'">{{loadingTxt}}</template>
@@ -103,6 +103,11 @@
 
                 return s + t + r;
             }
+        },
+        methods: {
+            handleClickLink (event) {
+                this.$emit('click', event);
+            }
         }
     }
 </script>
diff --git a/src/components/cell/src/cell-item.vue b/src/components/cell/src/cell-item.vue
index 9b64fc90..b351b8cd 100644
--- a/src/components/cell/src/cell-item.vue
+++ b/src/components/cell/src/cell-item.vue
@@ -1,5 +1,5 @@
 <template>
-    <label class="yd-cell-item" v-if="type == 'label' || type == 'checkbox' || type == 'radio'">
+    <label class="yd-cell-item" v-if="type == 'label' || type == 'checkbox' || type == 'radio'" @click="handleClickLink">
         <span class="yd-cell-left" v-if="checkLeft">
             <span class="yd-cell-icon" v-if="$slots.icon"><slot name="icon"></slot></span>
             <slot name="left"></slot>
@@ -10,7 +10,7 @@
             <i v-if="type == 'radio'" class="yd-cell-radio-icon"></i>
         </label>
     </label>
-    <router-link class="yd-cell-item" :to="href" v-else-if="type == 'link'">
+    <router-link class="yd-cell-item" :to="href" v-else-if="type == 'link'" @click="handleClickLink">
         <div class="yd-cell-left" v-if="checkLeft">
             <span class="yd-cell-icon" v-if="$slots.icon"><slot name="icon"></slot></span>
             <slot name="left"></slot>
@@ -19,7 +19,7 @@
             <slot name="right"></slot>
         </div>
     </router-link>
-    <a class="yd-cell-item" :href="href" v-else-if="type == 'a'">
+    <a class="yd-cell-item" :href="href" v-else-if="type == 'a'" @click="handleClickLink">
         <div class="yd-cell-left" v-if="checkLeft">
             <span class="yd-cell-icon" v-if="$slots.icon"><slot name="icon"></slot></span>
             <slot name="left"></slot>
@@ -28,7 +28,7 @@
             <slot name="right"></slot>
         </div>
     </a>
-    <div class="yd-cell-item" v-else>
+    <div class="yd-cell-item" v-else @click="handleClickLink">
         <div class="yd-cell-left" v-if="checkLeft">
             <span class="yd-cell-icon" v-if="$slots.icon"><slot name="icon"></slot></span>
             <slot name="left"></slot>
@@ -64,6 +64,11 @@
             classes() {
                 return this.arrow ? 'yd-cell-arrow' : '';
             }
+        },
+        methods: {
+            handleClickLink (event) {
+                this.$emit('click', event);
+            }
         }
     }
 </script>
diff --git a/src/components/grids/src/grids-item.vue b/src/components/grids/src/grids-item.vue
index 16be3c27..faa3542a 100644
--- a/src/components/grids/src/grids-item.vue
+++ b/src/components/grids/src/grids-item.vue
@@ -1,5 +1,5 @@
 <template>
-    <router-link class="yd-grids-item" :to="link || ''" :style="styles" :class="$parent.itemHeight != 0 ? 'yd-grids-item-center' : ''" v-if="type == 'link'">
+    <router-link class="yd-grids-item" :to="link || ''" :style="styles" :class="$parent.itemHeight != 0 ? 'yd-grids-item-center' : ''" v-if="type == 'link'" @click="handleClickLink">
         <div class="yd-grids-icon" v-if="checkIcon">
             <slot name="icon"></slot>
         </div>
@@ -8,7 +8,7 @@
         </div>
         <slot name="else"></slot>
     </router-link>
-    <a class="yd-grids-item" :href="link || ''" :style="styles" :class="$parent.itemHeight != 0 ? 'yd-grids-item-center' : ''" v-else>
+    <a class="yd-grids-item" :href="link || ''" :style="styles" :class="$parent.itemHeight != 0 ? 'yd-grids-item-center' : ''" v-else @click="handleClickLink">
         <div class="yd-grids-icon" v-if="checkIcon">
             <slot name="icon"></slot>
         </div>
@@ -46,6 +46,11 @@
                     };
                 }
             }
+        },
+        methods: {
+            handleClickLink (event) {
+                this.$emit('click', event);
+            }
         }
     };
 </script>
diff --git a/src/components/layout/src/layout.vue b/src/components/layout/src/layout.vue
index e65e4a52..e20cb8bc 100644
--- a/src/components/layout/src/layout.vue
+++ b/src/components/layout/src/layout.vue
@@ -10,7 +10,7 @@
 
         <slot name="top"></slot>
 
-        <section class="yd-scrollview" ref="scrollView" id="scrollView">
+        <section class="yd-scrollview" ref="scrollView" id="scrollView" @scroll="scroll">
             <slot></slot>
         </section>
 
@@ -23,14 +23,30 @@
 <script type="text/babel">
     export default {
         name: 'yd-layout',
+        data(){
+            return {scrollTop:0};
+        },
         props: {
             link: String,
             title: String,
             showNavbar: {
                 type: Boolean,
                 default: true
+            },
+            onScroll:{
+                type:Function,
+                default:null
             }
-        }
+        },
+        methods: {
+            scroll() {
+                this.scrollTop=event.target.scrollTop;
+                this.onScroll&&this.onScroll(event,this);
+            }
+        },
+        activated(){
+            this.$refs['scrollView'].scrollTop = this.scrollTop;
+        },
     }
 </script>
 
diff --git a/src/components/tab/src/tab.vue b/src/components/tab/src/tab.vue
index 9401b275..a51f7b11 100644
--- a/src/components/tab/src/tab.vue
+++ b/src/components/tab/src/tab.vue
@@ -184,7 +184,7 @@
                 }
 
                 if (!this.value && this.value !== 0 && this.currentIndex !== key) {
-                    if (!tabkey) {
+                    if (typeof(tabkey)!='undefined') {
                         key = tabkey;
                     }
                     this.callback && this.callback(label, key);