666的vue.mixin

666啊！ vue.mixin

產品粑粑說，關於用戶的一切行爲，他們都想知道。

知足需求是本碼畜的畢生需求。嗯，是的。就是這樣。

組件不少怎麼辦？點擊按鈕不少怎麼辦？難道給每一個按鈕都寫一個插碼事件嗎！就算是碼畜，也有一顆追求更優質（偷懶）代碼的熱情的心臟啊！

//mixin.js
mounted(){
    function test (context) {
      let el = context.$root.$el,//不太懂爲何用 context.$el，綁定事件會執行兩次
          pageTitle = context.$route.meta.title
      if(el && !el._isBindDelegate){
        let eventTypes = ['click'] //爲了產品粑粑之後還想了解touch事件、滾動事件什麼的
        eventTypes.forEach(type=>{
          el.addEventListener(type, (e)=>{
            let target = e.target
            let txt = target.dataset.codemarker || target.parentNode.dataset.codemarker
            console.log('codemarker', pageTitle, txt)
            txt && window.codeMarker && window.codeMarker.clickButton(txt)
          }, true)
        })
        el._isBindDelegate = true
      }
    }
    this.$nextTick(()=>{
      test(this)
    })
  },