diff --git a/src/components/bubble/bubble.vue b/src/components/bubble/bubble.vue
index 7436ea8e9e2c874c616a319c55d5c6aef51cab4b..6d5af4e9de53cfaa7c6b7886c5adca8474c6c3d3 100644
--- a/src/components/bubble/bubble.vue
+++ b/src/components/bubble/bubble.vue
@@ -24,7 +24,7 @@
         return `width:${this.width / this.ratio}px;height:${this.height / this.ratio}px`
       }
     },
-    created() {
+    mounted() {
       this.ratio = window.devicePixelRatio
       this.width *= this.ratio
       this.height *= this.ratio
@@ -41,8 +41,6 @@
         x: this.initCenterX,
         y: this.initCenterY
       }
-    },
-    mounted() {
       this._draw()
     },
     methods: {