update 注册方式

realgeoffrey · Oct 25, 2019 · 63e1041 · 63e1041
1 parent c6f0747
commit 63e1041
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 15 deletions.
diff --git a/README.md b/README.md
@@ -18,7 +18,7 @@ Vue的倒计时组件
     <script src="//unpkg.com/vue-timer-countdown"></script>
     ```
 
-### 注册指令
+### 注册组件
 1. 全局注册
 
     1. node
@@ -38,20 +38,20 @@ Vue的倒计时组件
 
         <script>
         // 全局注册
-        Vue.use(vueTimerCountdown, { component: 'timer-countdown' }) // 组件名默认是：timer-countdown
+        Vue.use(vueTimerCountdown.default, { component: 'timer-countdown' }) // 组件名默认是：timer-countdown
         </script>
         ```
 2. 局部注册
 
     1. node
 
         ```javascript
-        import vueTimerCountdown from 'vue-timer-countdown'
+        import { vueTimerCountdown } from 'vue-timer-countdown'
 
         export default {
           components: {
             // 局部注册
-            TimerCountdown: vueTimerCountdown.component
+            TimerCountdown: vueTimerCountdown
           }
         }
         ```
@@ -65,7 +65,7 @@ Vue的倒计时组件
         new Vue({
           components: {
             // 局部注册
-            'timer-countdown': vueTimerCountdown.component
+            'timer-countdown': vueTimerCountdown.vueTimerCountdown
           }
         })
         </script>

diff --git a/demo/index.html b/demo/index.html
@@ -30,12 +30,12 @@
 
   <script>
   // 全局注册
-  // Vue.use(vueTimerCountdown, { component: 'timer-countdown' })
+  // Vue.use(vueTimerCountdown.default, { component: 'timer-countdown' })
 
   new Vue({
     components: {
       // 局部注册
-      'timer-countdown': vueTimerCountdown.component
+      'timer-countdown': vueTimerCountdown.vueTimerCountdown
     },
     el: '#app',
     data () {

diff --git a/dist/vue-timer-countdown.cjs.js b/dist/vue-timer-countdown.cjs.js
diff --git a/dist/vue-timer-countdown.esm.js b/dist/vue-timer-countdown.esm.js
diff --git a/dist/vue-timer-countdown.iife.js b/dist/vue-timer-countdown.iife.js
diff --git a/package.json b/package.json
@@ -35,5 +35,5 @@
     "rollup-plugin-vue": "^5.0.1",
     "vue-template-compiler": "^2.6.10"
   },
-  "version": "1.0.1"
+  "version": "1.1.0"
 }
diff --git a/src/index.js b/src/index.js
@@ -1,11 +1,15 @@
 import vueTimerCountdown from './vue-timer-countdown.vue'
 
-export default {
-  // 全局注册
+const plugin = {
   install (Vue, options = {}) {
     Vue.component(options.component || 'timer-countdown', vueTimerCountdown)
-  },
+  }
+}
+
+export {
+  // 全局注册
+  plugin as default,
 
   // 局部注册
-  component: vueTimerCountdown
+  vueTimerCountdown as vueTimerCountdown
 }