diff --git a/examples/routers/tree.vue b/examples/routers/tree.vue
index 55cff15..068541f 100644
--- a/examples/routers/tree.vue
+++ b/examples/routers/tree.vue
@@ -1,135 +1,94 @@
-<!--<template>-->
-    <!--<div>-->
-        <!--<Tree :data="baseData" :load-data="loadData" multiple></Tree>-->
-        <!--<Button @click="handleAdd">add</Button>-->
-        <!--<Button @click="handleUpdate">update</Button>-->
-    <!--</div>-->
-<!--</template>-->
-<!--<script>-->
-    <!--export default {-->
-        <!--data () {-->
-            <!--return {-->
-                <!--baseData: [-->
-                    <!--{-->
-                        <!--expand: true,-->
-                        <!--title: 'parent 1',-->
-                        <!--children: [-->
-                            <!--{-->
-                                <!--title: 'parent 1-0',-->
-                                <!--expand: false,-->
-                                <!--children: [],-->
-                                <!--loading: false-->
-                            <!--},-->
-                            <!--{-->
-                                <!--title: 'parent 1-1',-->
-                                <!--expand: true,-->
-                                <!--checked: true,-->
-                                <!--children: [-->
-                                    <!--{-->
-                                        <!--title: '<span style="color: red">leaf</span>',-->
-                                        <!--render: (h) => {-->
-                                            <!--return h('Button', {-->
-                                                <!--props: {-->
-                                                    <!--type: 'primary',-->
-                                                    <!--size: 'small'-->
-                                                <!--},-->
-                                                <!--on: {-->
-                                                    <!--click: ({target}) => {-->
-                                                        <!--this.logger(target.textContent);-->
-                                                    <!--}-->
-                                                <!--}-->
-                                            <!--}, 'I\'m a button!');-->
-                                        <!--}-->
-                                    <!--}-->
-                                <!--]-->
-                            <!--}-->
-                        <!--]-->
-                    <!--}-->
-                <!--]-->
-            <!--};-->
-        <!--},-->
-        <!--methods: {-->
-            <!--handleAdd () {-->
-                <!--this.baseData.push(-->
-                    <!--{-->
-                        <!--title: 'test name',-->
-                        <!--checked: true-->
-                    <!--}-->
-                <!--);-->
-            <!--},-->
-            <!--handleUpdate () {-->
-                <!--const child = this.baseData[0].children[0].children[1];-->
-              <!--//  console.log(JSON.stringify(this.baseData), '\n', JSON.stringify(child));-->
-                <!--if (!child) return this.$Message.error('Node is async and is not loaded yet');-->
-                <!--else this.$set(child, 'checked', true);-->
-            <!--},-->
-            <!--logger (txt) {-->
-                <!--console.log(txt);-->
-            <!--},-->
-            <!--loadData (item, callback) {-->
-                <!--setTimeout(() => {-->
-                    <!--callback([-->
-                        <!--{-->
-                            <!--title: 'children-1',-->
-<!--//                            loading: false,-->
-                            <!--children: []-->
-                        <!--},-->
-                        <!--{-->
-                            <!--title: 'children-2',-->
-<!--//                            loading: false,-->
-                            <!--children: []-->
-                        <!--}-->
-                    <!--]);-->
-                <!--}, 2000);-->
-            <!--}-->
-        <!--}-->
-    <!--};-->
-<!--</script>-->
-
 <template>
-    <Tree :data="data3" show-checkbox multiple></Tree>
+    <div>
+        <Tree :data="baseData" :load-data="loadData" multiple :render="renderFunc"></Tree>
+        <Button @click="handleAdd">add</Button>
+        <Button @click="handleUpdate">update</Button>
+    </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                data3: [
+                baseData: [
                     {
-                        title: 'parent 1',
                         expand: true,
-                        selected: true,
+                        title: 'parent 1',
                         children: [
                             {
-                                title: 'parent 1-1',
-                                expand: true,
-                                disabled: true,
-                                children: [
-                                    {
-                                        title: 'leaf 1-1-1',
-                                        disabled: true
-                                    },
-                                    {
-                                        title: 'leaf 1-1-2'
-                                    }
-                                ]
+                                title: 'parent 1-0',
+                                expand: false,
+                                children: [],
+                                loading: false
                             },
                             {
-                                title: 'parent 1-2',
+                                title: 'parent 1-1',
                                 expand: true,
+                                checked: true,
                                 children: [
                                     {
-                                        title: 'leaf 1-2-1',
-                                        checked: true
-                                    },
-                                    {
-                                        title: 'leaf 1-2-1'
+                                        title: 'leaf',
+                                        render: (h, { node }) => {
+                                            return h('Button', {
+                                                props: {
+                                                    type: 'primary',
+                                                    size: 'small'
+                                                },
+                                                on: {
+                                                    click: ({target}) => {
+                                                        this.logger(target.textContent);
+                                                    }
+                                                }
+                                            }, node.title + '000');
+                                        }
                                     }
                                 ]
                             }
                         ]
                     }
                 ]
+            };
+        },
+        methods: {
+            handleAdd () {
+                this.baseData.push(
+                    {
+                        title: 'test name',
+                        checked: true
+                    }
+                );
+            },
+            handleUpdate () {
+                const child = this.baseData[0].children[0].children[1];
+              //  console.log(JSON.stringify(this.baseData), '\n', JSON.stringify(child));
+                if (!child) return this.$Message.error('Node is async and is not loaded yet');
+                else this.$set(child, 'checked', true);
+            },
+            logger (txt) {
+                console.log(txt);
+            },
+            loadData (item, callback) {
+                setTimeout(() => {
+                    callback([
+                        {
+                            title: 'children-1',
+//                            loading: false,
+                            children: []
+                        },
+                        {
+                            title: 'children-2',
+//                            loading: false,
+                            children: []
+                        }
+                    ]);
+                }, 2000);
+            },
+            renderFunc (h, { node }) {
+                return h('Button', {
+                    props: {
+                        type: 'ghost'
+                    }
+                }, node.title)
             }
         }
-    }
+    };
 </script>
diff --git a/src/components/tree/node.vue b/src/components/tree/node.vue
index 6935dcb..f7b6de9 100644
--- a/src/components/tree/node.vue
+++ b/src/components/tree/node.vue
@@ -12,8 +12,9 @@
                         :indeterminate="data.indeterminate"
                         :disabled="data.disabled || data.disableCheckbox"
                         @click.native.prevent="handleCheck"></Checkbox>
-                <Render v-if="data.render" :render="data.render"></Render>
-                <span v-else :class="titleClasses" v-html="data.title" @click="handleSelect"></span>
+                <Render v-if="data.render" :render="data.render" :node="data"></Render>
+                <Render v-else-if="isParentRender" :render="parentRender" :node="data"></Render>
+                <span v-else :class="titleClasses" @click="handleSelect">{{ data.title }}</span>
                 <Tree-node
                         v-if="data.expand"
                         v-for="(item, i) in data.children"
@@ -29,7 +30,7 @@
 <script>
     import Checkbox from '../checkbox/checkbox.vue';
     import Icon from '../icon/icon.vue';
-    import Render from '../base/render';
+    import Render from './render';
     import CollapseTransition from '../base/collapse-transition';
     import Emitter from '../../mixins/emitter';
     import { findComponentUpward } from '../../utils/assist';
@@ -61,9 +62,6 @@
                 prefixCls: prefixCls
             };
         },
-        watch: {
-
-        },
         computed: {
             classes () {
                 return [
@@ -99,6 +97,18 @@
             },
             showLoading () {
                 return 'loading' in this.data && this.data.loading;
+            },
+            isParentRender () {
+                const Tree = findComponentUpward(this, 'Tree');
+                return Tree && Tree.render;
+            },
+            parentRender () {
+                const Tree = findComponentUpward(this, 'Tree');
+                if (Tree && Tree.render) {
+                    return Tree.render;
+                } else {
+                    return null;
+                }
             }
         },
         methods: {
diff --git a/src/components/tree/render.js b/src/components/tree/render.js
new file mode 100644
index 0000000..ce66f3a
--- /dev/null
+++ b/src/components/tree/render.js
@@ -0,0 +1,14 @@
+export default {
+    name: 'RenderCell',
+    functional: true,
+    props: {
+        render: Function,
+        node: Object
+    },
+    render: (h, ctx) => {
+        const params = {
+            node: ctx.props.node
+        };
+        return ctx.props.render(h, params);
+    }
+};
\ No newline at end of file
diff --git a/src/components/tree/tree.vue b/src/components/tree/tree.vue
index 603885f..bf3d360 100644
--- a/src/components/tree/tree.vue
+++ b/src/components/tree/tree.vue
@@ -42,6 +42,9 @@
             },
             loadData: {
                 type: Function
+            },
+            render: {
+                type: Function
             }
         },
         data () {
--
libgit2 0.21.4