diff --git a/src/components/tree/index.js b/src/components/tree/index.js
new file mode 100644
index 00000000..d1a1ccbd
--- /dev/null
+++ b/src/components/tree/index.js
@@ -0,0 +1,2 @@
+import Tree from './tree.vue';
+export default Tree;
\ No newline at end of file
diff --git a/src/components/tree/tree-node.vue b/src/components/tree/tree-node.vue
new file mode 100644
index 00000000..5bc46767
--- /dev/null
+++ b/src/components/tree/tree-node.vue
@@ -0,0 +1,13 @@
+<template>
+
+</template>
+<script>
+    export default {
+        props: {},
+        data () {
+            return {};
+        },
+        computed: {},
+        methods: {}
+    };
+</script>
\ No newline at end of file
diff --git a/src/components/tree/tree.vue b/src/components/tree/tree.vue
new file mode 100644
index 00000000..5bc46767
--- /dev/null
+++ b/src/components/tree/tree.vue
@@ -0,0 +1,13 @@
+<template>
+
+</template>
+<script>
+    export default {
+        props: {},
+        data () {
+            return {};
+        },
+        computed: {},
+        methods: {}
+    };
+</script>
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index ace1b361..afac97e1 100644
--- a/src/index.js
+++ b/src/index.js
@@ -40,6 +40,7 @@ import Timeline from './components/timeline';
 import TimePicker from './components/time-picker';
 import Tooltip from './components/tooltip';
 import Transfer from './components/transfer';
+import Tree from './components/tree';
 import Upload from './components/upload';
 import { Row, Col } from './components/layout';
 import { Select, Option, OptionGroup } from './components/select';
@@ -105,6 +106,7 @@ const iview = {
     TimePicker,
     Tooltip,
     Transfer,
+    Tree,
     Upload
 };
 
diff --git a/src/styles/components/index.less b/src/styles/components/index.less
index 854c90da..880f375a 100644
--- a/src/styles/components/index.less
+++ b/src/styles/components/index.less
@@ -37,4 +37,5 @@
 @import "form";
 @import "carousel";
 @import "rate";
-@import "upload";
\ No newline at end of file
+@import "upload";
+@import "tree";
\ No newline at end of file
diff --git a/src/styles/components/tree.less b/src/styles/components/tree.less
new file mode 100644
index 00000000..99927cba
--- /dev/null
+++ b/src/styles/components/tree.less
@@ -0,0 +1,5 @@
+@tree-prefix-cls: ~"@{css-prefix}tree";
+
+.@{tree-prefix-cls} {
+
+}
\ No newline at end of file
diff --git a/test/app.vue b/test/app.vue
index b805e405..40eab3f4 100644
--- a/test/app.vue
+++ b/test/app.vue
@@ -50,6 +50,7 @@ li + li {
                 <li><a v-link="'/carousel'">Carousel</a></li>
                 <li><a v-link="'/rate'">Rate</a></li>
                 <li><a v-link="'/upload'">Upload</a></li>
+                <li><a v-link="'/tree'">Tree</a></li>
             </ul>
         </nav>
         <router-view></router-view>
diff --git a/test/main.js b/test/main.js
index 8d5937f6..ec30230a 100644
--- a/test/main.js
+++ b/test/main.js
@@ -150,6 +150,11 @@ router.map({
             require(['./routers/upload.vue'], resolve);
         }
     },
+    '/tree': {
+        component: function (resolve) {
+            require(['./routers/tree.vue'], resolve);
+        }
+    },
 });
 
 router.beforeEach(function () {
diff --git a/test/routers/tree.vue b/test/routers/tree.vue
new file mode 100644
index 00000000..5bc46767
--- /dev/null
+++ b/test/routers/tree.vue
@@ -0,0 +1,13 @@
+<template>
+
+</template>
+<script>
+    export default {
+        props: {},
+        data () {
+            return {};
+        },
+        computed: {},
+        methods: {}
+    };
+</script>
\ No newline at end of file