vue.js? ???? ????? ??? ?????? ?????? ?? DOM? ???? ??? ??????. 1) ???? ????? ?? ?? ?? ??? ????, 2) ?? DOM ??????? Diffing ????? ???? 3) ??? ? ????? ??? ???? ???? ?? ?? ??? ??????.

Vue.js? ?? DOM? ???? ??? ????? ??? ???? ?? ? ?? ?? ???? ??? ?????.

Vue.js? ??? ? ?? ? svelte? ????? ?? DOM? ???? ??? ?????? ??? ? ????? ??????. ? ???? ?? ?? ??? ??? ??? ?? ???? ??? ?? ??????. ? ??? ??? ????? ???? vue.js? ?? ??? ? ??? ???? ???? ???????.

vue.js? ?? Dom? ????? ?? DOM? ??? ?????. ?? ????? ??? ???? VUE? ?? ?? DOM? ?????? ????. ?? ??? ?? DOM? ?????? ????? ?? ????. ??? ?? ??? ? ??? ??? ????.

• ????? ??? : Virtual DOM? ???? VUE? ?? ?? ??? ?? ?? ? ?? ?? DOM? ?????? ?? ???? ??? ??? ? ????. ?? ?? ??? ???? ??? ? ??? ?? DOM ??? ?? ??????.

• Diffing Algorithm : Vue? Smart Diffing ????? ???? ??? ?? DOM? ?? DOM? ?????. ?? ?? ?? Dom? ??? ?? ?? ? ?????. ??? ???? ????? ??? DOM? ??? ??????????.

• ??? ??? : VUE? ??? ???? ??? ??? ??????. ?? ??? ???? ???? Vue? ??? ?? ??? ?? DOM? ?? ??? ?? ?? ????? ??? ?? ????. ? ?? ???? ??? ?? ??????.

vue.js? ?? dom? ??? ????? ???? ?? ??? ?? ?? ?????.

 <emplate>
  <div>
    <p> {{message}} </p>
    <button @click = "updateMessage"> ???? ??? </button>
  </div>
</???>

<cript>
???? ??? {
  ??? () {
    ?? {
      ??? : &#39;?????, Vue!&#39;
    }
  },
  ?? : {
    updateMessage () {
      this.message = &#39;?????, Virtual Dom!&#39;
    }
  }
}
</????>

? ???? ??? ???? updateMessage ???? Vue? ?? ??? ????? message ???????. ? ???? ?? DOM? ???????. ?? ?? Vue? ??? ?? DOM? ??? ?? DOM? ????? ?? DOM? ??? ?? ??? ???? ???? "Hello, Virtual Dom!"?? ???????.

? ??? ?? DOM? ???? ??? ?? ?? ? ??? ?? ????? ????? ?????. DOM ????? ???? ???? ?? ?? ??? ??? ????. ?? ?? ????? ??? ????? Vue? ???? ????? ????????.

??? ??? ?? ??? ? ? ?? ?? ??? ??? ? ??? ????.

• ?? ?? ?? : ?? DOM? ????? ?????? ??? ?? ??? ?????. ?? ??? ?? ????? ?? ?? ??? ??? ?? ? ? ????. ?? DOM? ?? ???? ??? ???? ???? ?? ?? ?? ????? ???????.

• ?? ?? : ?? DOM? ??? ????? ???? ?? ??? ?????? ??? ? ????. ??? ?????? ??? VUE? ??? ???? ?? DOM? ??? ?? ?????? ???? ?? ??????.

• ??? ?? : ?? DOM? ??? ????? ??? ??? ?? ?? ??? ??? ??? ?? v-if ?? v-show ???? ?? ?? ??? ??? ????? key ??? ???? ????? ????? ???? ? ??? ? ? ????.

?? ??? ???? ??? ??? ? ?? ????.

• ?? ? ?? ?? : ?? ? ??? ???? ???? ???????. ???? ??? ???? ?? ???? ???? ? ??? ????.

• ???? ??? ??? : ? ??? ? ????? ?? ???? v-once ? ?? ??? ??????.

• ?? ???? ??? : ???? ??? ??? ???? ?? ????? ??? ???? ?????. ?? ??? ?? ?? ?? ???????.

????? Vue.js? ?? DOM ??? ? ?? ????? ??? ??????? ??? ?????. ?? ?? ???? ??? ??? UI? ?? ?? ? ? ??? ??? ??? ???? DOM ????? ??? ???? ?????. ? ??? ???? ???? ???? ????? ??? ??? ?? ?? ????? ?? ? ????.

? ??? vue.js? ?? DOM? ???? ??? ????? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!