vue.js? ?? ??? ?? ??? ??? ??????. 1. ?? ???? ???? ??? ???? ?????. 2. ?? ?? ??? ?? ??? ?? ??????. 3. VUE ???? ??? ?????? ?????. 4. ?? ??? ??? ? ?? ?????? ?? ?? ??? ??????. 5. ?? ?? ????? ??? ???? ?????. 6. ?? ??? ? ?? ??? ?? ???? ??? ??????.

??

???? ??? ?? ???? ??? ??? ????? ?? (UX)? ?? ???? ???? ? ?????. ??? ? JavaScript ??? ?? ? vue.js??? ?? ? ??? ??? ??? ??? ?????. ? ??? ?? ??? ?? ??? ??? ????? ? vue.js? ?? ?? ? ?? ??? ?? ??????. ??? ????? Vue.js? ?????, ?? ??? ?????? ??? ???? ???? ??? ?? ? ??? ?????.

?? ?? ??

vue.js? ??? ?????? ?????? ???? ??? ?????. ?? ????? ??? ?? ????? ?? ???? ??? ????? ??? ???? ????. vue.js? ?? ?? ? ??? "??????"???. ?, ??? ??? ????? ??? ?? ?? ???? ????? ???? ??? ?? vue.js? ??? ????? ?? ? ? ????.

vue.js? ?? ? ???? ?? ?? ? ?????. Object.defineProperty ?? Proxy ??? ???? vue.js? ??? ?? ??? ???? ??????? ????? ???? ? ? ????. ??? ??? ?? ???? ?????? ??? ??? ??? ??????? ??? ??? ?????.

?? ?? ?? ?? ??

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

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

 ??? vue ({
  el : '#app',
  ??? : {
    ??? : '????? Vue!'
  }
})

? ???? message ???? ??????? ???? ???????. ? ???? ??? ????? ??? ??? ????? ?????.

?? ?? ?? ? ??? ?

vue.js? ?? ?? ?? ??? UI ????? ????? ??? ? ??????. ?? ??? ?? ??? ?????? ?? ??? ??? ???? ??? ???? ???? ? ??? ??? ??? ?? ???? ???? ??? ??? ????? ???? ? ????.

 vue.component ( 'todo-item', {
  ?? : [ 'todo'],
  ??? : &#39;<li> {{todo.text}} </li>&#39;
})

?? ?? ??? ??? ?? ?? ???? ?????? ??? UI ????? ???? ????? ????.

??? ? ??

Vue Router? vue.js? ?? ??? ????? SPA (Single Page Applications)??? ?? ???? ? ? ????. VUE ???? ?? ??? ??? ??? ???? ???? ?? ??? ???? ? ????.

 Const Router = New Vuerouter ({{
  ?? : [
    {?? : '/', ?? ?? : ?},
    {Path : '/About', ?? ?? : About}
  ]]
})

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

??? ?

?? ??? ???

?? ??? ???? vue.js? ??????, ??? ?????? ???? ????? ??? ??? ??????.

 <div id = "app">
  <p> {{message}} </p>
  <?? v-model = "message">
</div>

??? vue ({
  el : &#39;#app&#39;,
  ??? : {
    ??? : &#39;????? Vue!&#39;
  }
})

v-model ??? ?? ???? ?? ? ???? ???????? ?????. ? ???? ???? ??? ??? ????? ?????.

?? ? ?????

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

 <?? ?? = "???">
  <p v-if = "show"> hello </p>
</??>

??? vue ({
  el : &#39;#throwition-example&#39;,
  ??? : {
    ? : ??
  }
})

transition ?? ?? ? CSS ???? ?? ??? ?? ??? ?? ???? ???????? ???? ???? ????.

?? ?? ? ??? ???

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

 vue.config.errorhandler = function (err, vm, info) {
  console.error ( 'error :', err ','info : ', info)
  // ??? vm.? ?? ??? ??? ?????. $ notify.error ({
    ?? : '??',
    ??? : '??? ??????. ?? ??????.'
  })
}

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

?? ??? ? ?? ??

?? ???

vue.js? ?? DOM, ??? ?? ??, ?? ? ??? ?? ?? ??? ?? ??? ??? ?????. ??? ??? ?? ????? ??? ?? ???? ??? ??? ???? ? ????.

 vue.component ( 'async-example', function (resolve, devrect) {
  settimeout (function () {
    ????({
      ??? : &#39;<div> ?? ??????! </div>&#39;
    })
  }, 1000)
})

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

?? ??

vue.js? ??? ?? ?? ??? ?? ??? ??? ?? ???? ? ????. ?? ??, v-if ? v-show ???? ????? ? ??? ??? ??? ??? ????? v-for ??? ? key ??? ???????.

 <??? v-if = "show">
  <div> ??? ??? </div>
</???>

<div v-for = "??? ??": key = "item.id">
  {{item.name}}
</div>

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

??

? ??? ?? ??? ?? ??? ??? ????? Vue.js? ?? ? ?? ??? ?? ??? ? ??? ????. ?? ? ????? ?? ?? ??, ??? ??????? ?? ??? ????? ?? ??? ??? ??? ????? ? ??? ??? ?????. ??? ???? ?? ?? ?????? vue.js? ? ? ???? ? ???? ??? ??? ??? ??? ? ?????? ????.

? ??? vue.js? ?? : ??? ???? ??? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!