const app = {
  data() {
    return {
      html: '階層式樣式表（英語：Cascading Style Sheets，縮寫：CSS；又稱串樣式列表、級聯樣式表、串接樣式表、階層式樣式表）是一種用來為結構化文件（如HTML文件或XML應用）添加樣式（字型、間距和顏色等）的電腦語言，由W3C定義和維護。CSS 被分為不同等級：CSS1 現已廢棄， CSS2.1 是推薦標準， CSS3 分成多個小模組且正在標準化中。[來源請求]CSS3現在已被大部分現代瀏覽器支援，而下一版的CSS4仍在開發中。 ',
      search: 'CSS',
      context: null
    }
  },
  watch:{
    search: function(val){
      
      var instance = new Mark(this.context);
      instance.unmark();
      instance.mark(val);
    }
  },
  mounted(){
    this.context=document.querySelector(".context");
  }
}

Vue.createApp(app).mount('#app')