优化代码

src/form/button.js

@@ -248,10 +248,6 @@ class Button extends Component {
     }
   }
 
-  unmounted() {
-    this.$off('click', this._clickFn)
-  }
-
   render() {
     return html`
       <button ref="btn" disabled=${this.disabled}>

src/form/dropdown.js

@@ -1,20 +1,28 @@
-import { nextTick, css, html, Component } from '@bd/core'
+import { nextTick, css, html, Component, bind } from '@bd/core'
 
 class Dropdown extends Component {
+  bar = 'balbal'
   mounted() {
     console.log('Dropdown: ', this.$refs)
+
+    bind(this.$refs.balbal, 'mousedown', ev => {
+      console.log('aa : mousedown')
+    })
   }
 
-  foo() {}
+  foo() {
+    console.log('foo: click')
+  }
 
   render() {
     return html`
-      <div class="aa" ref="aa" @click=${this.foo}>
+      <div class="aa" ref=${this.bar} @click=${this.foo}>
         <div class="bb" ref="bb">
           <slot ref="dd"></slot>
         </div>
+        <foo>dsdsd</foo>
       </div>
-      <div class="cc" ref="cc">${this.foo}</div>
+      <div class="cc" ref="cc">${this.bar}</div>
     `
   }
 }

src/form/link.js

@@ -138,10 +138,6 @@ class Link extends Component {
     )
   }
 
-  unmounted() {
-    unbind(this.$refs.a, 'click', this._clickFn)
-  }
-
   render() {
     return html`
       <a tabindex="0" ref="a" class="link" href=${this.to || 'javascript:;'}>

src/scroll/index.js

@@ -315,7 +315,7 @@ class Scroll extends Component {
       }
 
     // 鼠标滚动事件
-    this._scrollFn = bind(this.$refs.box, 'scroll', ev => {
+    bind(this.$refs.box, 'scroll', ev => {
       ev.stopPropagation()
       // 拖拽时忽略滚动事件
       if (this._active) {
@@ -374,7 +374,7 @@ class Scroll extends Component {
       this.$emit('scroll')
     })
 
-    this._yBarFn = bind(this.$refs.y, 'mousedown', ev => {
+    bind(this.$refs.y, 'mousedown', ev => {
       startY = ev.pageY
 
       this._active = true
@@ -383,7 +383,7 @@ class Scroll extends Component {
       bind(document, 'mouseup', mouseupFn)
     })
 
-    this._xBarFn = bind(this.$refs.x, 'mousedown', ev => {
+    bind(this.$refs.x, 'mousedown', ev => {
       startX = ev.pageX
       this._active = true
 
@@ -396,9 +396,6 @@ class Scroll extends Component {
   }
   unmounted() {
     this.__observer.disconnect()
-    unbind(this.$refs.box, 'scroll', this._scrollFn)
-    unbind(this.$refs.y, 'mousedown', this._yBarFn)
-    unbind(this.$refs.x, 'mousedown', this._xBarFn)
   }
 
   render() {