vue.js? ?? ??? ?? ??? ?????. 1) ??? ????? ? ?? ??? ?? ???? ??? ??? ? ??? ??? JavaScript ??? ?????. 2) vue.js? ??? ?? ? ??? ?????, ???? ???? ?? ???? ???????. 3) ?? ?? ??? ???? UI? ????? ??? ??? ?? ??? ?? ? ? ????.

vue.js? ?? ??? ?? ??? ?????. ??? ????? ? ?? ??? ?? ???? ??? ??? ? ???? JavaScript ??? ?????. VUE ??? ??? ??? ???? ??? ??? ??? ??? ???? ? ?? ??????? ?? ? ? ????.

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

??

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

?? ?? ??

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

vue.js? ???? ?? JavaScript? ?? ??, DOM ?? ? ES6? ??? ??? ???? ? ? ??? ? ????. vue.js? ??? ??? ????? ????? ???? ?? ??? ?? ???? ??? ?? ? ? ????.

?? ?? ?? ?? ??

vue.js? ?? ? ???

vue.js? ?? ? ???? ?? ? ???? Object.defineProperty ?? Proxy (VUE 3)? ?? ??? ????? ?????. ???? ???? vue.js? ?? ???? ???? ???????. ? ????? ?? ???? DOM? ???? ???? ?? ???? ??? ??? ? ????.

 // ??? ?? ?? const vm = new vue ({
  el : '#app',
  ??? : {
    ??? : '????? Vue!'
  }
})

// vm.message? ??????? ???? vm.message = 'Hello World!'

?? ?? ??

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

 // ??? ?? ?? ?? vue.component ( 'my-component', {
  ??? : &#39;<div> ??? ?? ?? ??! </div>&#39;
})

?? ??

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

??? ?

?? ??

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

 // vue ???? ?? new vue ({{
  el : '#app',
  ??? : {
    ??? : '????? vue.js!'
  }
})

? ??? vue ????? ???? DOM ??? ????? ??? ?????. data ??? message ??? ???? ????? ?? ??????? ???? ???????.

?? ??

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

 ??? vue ({
  el : '#app',
  ??? : {
    FirstName : 'John',
    ??? ?? : 'doe'
  },
  ?? : {
    fullName () {
      ? ??? ?? ''? ??? ??? ??????
    }
  },
  ?? : {
    updateName () {
      this.firstname = 'Jane'
    }
  }
})

? ???? ?? ?? fullName ???? ?? ??? ???? ???? ???? ???????? ??? updateName ?????. ?? ? ??? ???? ???? ???? ?????? ???? ???? ???????.

???? ?? ? ??? ?

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

• Vue Devtools ???? ????? ???? VUE ?? ????? ??? ??????? ??? ? ????.
• ?? ?? ???? ??????. vue.js? ??? ?? ????? ?????.
• v-if ? v-show ??? ?? ???? ?? ???????? ??????.

?? ??? ? ?? ??

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

• v-for ??? ?? ? ??? key ??? ???? ??? ??? ????????.
• ??? ?? ????? ?? Vuex ???? ??? ???? ?? ?? ?? ??? ?? ??? ?????.
• keep-alive ?? ??? ???? ????? ???? ?? ??? ???? ???? ? ???? ????.

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

• ?? ?? ??? ?? ?? ?? ?? ??? ???? ??? ??????.
• ?? ?? ??? ???? ?? ???? ?? ?? ?? ???? ???? ?? props ? events ?????.
• ???? ?? ??? ????? ???? ??? ??? ??????.

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

? ??? Vue? ??? ?? ?? ???? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!