ネイティブjsは、将来のdomへのイベントバインディングを実現します

将来のイベントのバインドでは、jqueyのオンが達成可能であることは誰もが知っています。

$（ "＃div1"）。on（ "click"、 "p"、function（）{ 
　　  $（this）.css（ "background-color"、 "pink"）; 
}）;

現在の会社のプロジェクトでvueとjqueryの混合使用によって引き起こされる問題を回避するために、jqueryは導入されていません。

システムの各ページの下にある.celldivにイベントをバインドしたいのですが、一部の.cell初期ページが表示されません（要素のダイアログに）ノードが最初は使用できないため、イベントコミッションを実行します

イベントの委任：イベントエージェンシーとも呼ばれ、バブリングの原則を使用してイベントを親に追加し、実行効果をトリガーします

特定のコード：

toltipMethod(){
    let app = document.getElementById('app');
        app.addEventListener('mouseover', function(ev) {
        ev = ev||window.event;//可以打印整个ev看看
        if(ev.srcElement.className === 'cell'){
             ev.srcElement.title = ev.srcElement.innerText
        }
    })
}

私はいくつかの一般的な方法とデータを含む一般的なものを書き、それを各ページに混ぜました

ミックスインの実行により（共通で作成、混合コンポーネントで作成、共通でマウント、混合コンポーネントでマウント...すべてのフックは最初に混合コモンで作成されます）、共通マウントでバインドされます

 mounted:function (){
   this.$nextTick(()=>{
      if(this.appShow){
          this.toltipMethod()
      }
   })
 }