vue.js? ?? ??? ???? ?? ??? ??? ?? ? ??????? ???? ? ?? ?????. 1) ??? ?????? ??? ?? ?????? ????? ?? ? ??? ???? ??? ?????. 2) ?? ? ??? ??? ??? ? ?? ?? ?? ??? ?? ???? ???? ??? ???? ?? ??? ? ?? ?? ??? ???? ? ????.

??

Yuxi? ?? ??? ?? ??? ?? ? Vue.js? ??? ?????? ??? ???????. ???, ??? Vue.js? ?? ??? ?? ????? ?? ??? ??? ??? ??? ??? ??? ? ? ??? ? ??? ?? ??????. ? ??? ?? ?? ? ?????? ???? Vue.js? ??? ??? ??? ??? ??? ?? ??????? ???? ? ????? ??? ?? ????.

?? ?? ??

vue.js? ??? ?????? ????? ??? ?????? JavaScript ??? ?????. ???? ?? ????? ???? ???? ??? ?????? ??? ?? ?????? ?? ?? ? ? ????. vue.js? ??? ?? ? ??? ??? ????? ???? DOM ?? ???? ?? ???? ????. ?? vue.js? ?? ?? ??? ?? ??? ???? ??? ??? ?? ?? ??? ?? ??????.

?? ?? ?? ?? ??

vue.js? ??? ??

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

??? vue.js ? :

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

? ??? VUE ????? ???? ???? DOM ??? ????? ??? ?????.

?? ??

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

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

??? ?

?? ??

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

 <div id = "app">
  <button @click = "??"> </button>
  <span> {{count}} </span>
  <button @click = "??">-</button>
</div>

<cript>
??? vue ({
  el : &#39;#app&#39;,
  ??? : {
    ??? : 0
  },
  ?? : {
    ?? () {
      this.count  
    },
    ?? () {
      this.count--
    }
  }
})
</????>

? ??? vue.js? ???? ??? ??? ?? ????? ??? ??? ?????. @click ??? ??? ? ???? methods ? ?? ??? ?? ????? ?? ? ? ????.

?? ??

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

 <div id = "app">
  <?? v-model = "FirstName"?? ??? = "??">
  <?? v-model = "lastName"?? ??? = "?">
  <p> ?? ?? : {{fullName}} </p>
</div>

<cript>
??? vue ({
  el : &#39;#app&#39;,
  ??? : {
    FirstName : &#39;&#39;,
    ?: &#39;&#39;
  },
  ?? : {
    fullName () {
      this.firstname &#39;&#39;thislastname
    }
  }
})
</????>

? ??? ?? ? ??? ???? ??? ?? ?? ?????? ??? ??? ?????. ?? ? ??? ??? ( firstName ? lastName )? ???? ???? ???????.

???? ?? ? ??? ?

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

• Vue DevTools ?? : Vue.js ?? ????? ?? ? ?? ????? ????? ? ????? ?? ??? ???? ???????.
• ?? ?? ?? : vue.js? ???? ??? ?? ??? ???? ??? ???? ?? ? ??? ?????.
• v-if ? v-show ?? :? ? ?? ??? ????? ? ??? ??? ? ??? ? ? ??? ???? DOM ??? ?????.

?? ??? ? ?? ??

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

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

?? ???????? vue.js? ?? ????? ?? ? ??? (SSR)? ???? ? ?? ????? ??? ????? ?? ???? ???? ?? ??? JavaScript ??? ????.

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

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