vue 中拼接html時添加點擊事件

<main>
    <div ref="HTML"></div>
</main>
<script>
    created() {
        this.createHtml();
      },
      methods: {
          cesi1() {
            // 這里是因為v-html里的東西，調不到this.methods的東西，因為methods里的代碼是編譯后在瀏覽器里運行的，
            // 內容按普通 HTML 插入 - 不會作為 Vue 模板進行編譯。
          alert("這里不會調用");
        },
        createHtml() {
         var str = `
            <ul>
              <li style="color:red" onclick="cesi1()">測試</li>
            </ul>
          `;
          this.$refs.HTML.innerHTML += str
          // 解決的方式有很多中大家可已自行百度，例如使用事件代理
          // 因為綁定的是原生事件本實例采納的是以下解決方式
         function cesi1(){
             console.log('完美解決');
         }
        //  window.cesi1=function(){
        //      console.log('完美解決');
        //  }
        }

}