diff --git a/package-lock.json b/package-lock.json
index 1074fc1..4c68272 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4041,7 +4041,8 @@
     "core-js": {
       "version": "3.6.1",
       "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.6.1.tgz",
-      "integrity": "sha512-186WjSik2iTGfDjfdCZAxv2ormxtKgemjC3SI6PL31qOA0j5LhTDVjHChccoc7brwLvpvLPiMyRlcO88C4l1QQ=="
+      "integrity": "sha512-186WjSik2iTGfDjfdCZAxv2ormxtKgemjC3SI6PL31qOA0j5LhTDVjHChccoc7brwLvpvLPiMyRlcO88C4l1QQ==",
+      "dev": true
     },
     "core-js-compat": {
       "version": "3.6.1",
@@ -13012,7 +13013,8 @@
     "vue": {
       "version": "2.6.11",
       "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.11.tgz",
-      "integrity": "sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ=="
+      "integrity": "sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ==",
+      "dev": true
     },
     "vue-eslint-parser": {
       "version": "5.0.0",
diff --git a/package.json b/package.json
index 74bcf6a..e75cbb4 100644
--- a/package.json
+++ b/package.json
@@ -13,10 +13,7 @@
     "prepublish": "npm run build"
   },
   "main": "dist/vue-tree-list.umd.min.js",
-  "dependencies": {
-    "core-js": "^3.4.3",
-    "vue": "^2.6.10"
-  },
+  "dependencies": {},
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.1.0",
     "@vue/cli-plugin-eslint": "^4.1.0",
@@ -24,11 +21,13 @@
     "@vue/cli-service": "^4.1.0",
     "@vue/test-utils": "1.0.0-beta.29",
     "babel-eslint": "^10.0.3",
+    "core-js": "^3.4.3",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
     "jest-serializer-vue": "^2.0.2",
     "less": "^3.10.3",
     "less-loader": "^5.0.0",
+    "vue": "^2.6.10",
     "vue-template-compiler": "^2.6.10"
   },
   "eslintConfig": {
diff --git a/readme.md b/readme.md
index 002bc9c..8022add 100644
--- a/readme.md
+++ b/readme.md
@@ -7,6 +7,19 @@ A vue component for tree structure. Support adding treenode/leafnode, editing no
 
 [Live Demo](http://paradeto.com/vue-tree-list/)
 
+# install
+
+Install the plugin then you can use the component globally.
+
+```js
+import Vue from 'vue'
+import VueTreeList from 'vue-tree-list'
+
+Vue.use(VueTreeList)
+```
+
+Or just register locally like the example below.
+
 # use
 ``npm install vue-tree-list``
 
diff --git a/src/VueTreeList.vue b/src/VueTreeList.vue
index 100b34d..b375604 100644
--- a/src/VueTreeList.vue
+++ b/src/VueTreeList.vue
@@ -185,6 +185,7 @@ import {addHandler, removeHandler} from './tools.js'
 let compInOperation = null
 
 export default {
+  name: 'vue-tree-list',
   data: function() {
     return {
       isHover: false,
diff --git a/src/index.js b/src/index.js
index 8f84f59..6d47b83 100644
--- a/src/index.js
+++ b/src/index.js
@@ -5,4 +5,9 @@
 import VueTreeList from "./VueTreeList";
 import { Tree, TreeNode } from "./Tree";
 
+VueTreeList.install = Vue => {
+  Vue.component(VueTreeList.name, VueTreeList);
+};
+
+export default VueTreeList;
 export { Tree, TreeNode, VueTreeList };