vue.js? ?? JavaScript Foundation? ?? ?????? ???? ??? ????. 1) ??? ? ??? ?? ? ???? ?? ????? ??????. 2) ?? ?? ?? ??? ?? ????? ????? ????. 3) ?? ??? ?? ? ?? ??? ?????. 4) Vue DevTools? ?? ???? ??? ??? ? ? ????. 5) V-IF/V- ? ? ?? ?? ??? ?? ?? ??? ? ?? ??? ?????? ???? ???? ? ????.

??

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

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

?? ?? ??

vue.js? ??? ?????? ?????? ?????? JavaScript ??? ?????. 2014 ? Youyuxi? ?? ?? ?? ??? ??? API ? ???? ?? ????? ?? ????? ????? ?? ??????. vue.js? ?? ????? ???? ????? ?? ??? ???? ????. ?, ???? ???? Vue.js? DOM ??? ?? ? ? ??????.

JavaScript? ?? ?? ??? ??? Vue.js? ??? ?? ? ????. Vue.js? ??? ??? ???? ??? ?? ?????? ??? ?? ?????? ?? ?? ? ? ????? ????? ?? ?????.

?? ?? ?? ?? ??

vue.js? ?? ? ???

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

 const app = vue.createapp ({{
  ??? () {
    ?? {
      ??? : '????? Vue!'
    }
  }
})

app.mount ( '#app')

? ??? message ???? ?? ???? ?????? ?? ? ??????. ?? ?? ???? DOM? ?????? ??? ?? ???? ?? ???? ??? ??? ? ????.

?? ?? ??

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

 const childcomponent = {
  ??? :`<p> {{childmessage}} </p >`,
  ??? () {
    ?? {
      ?? ?? : &#39;????? ?????!&#39;
    }
  }
}

const app = vue.createapp ({{
  ?? ?? : {
    &#39;??? ?? ??&#39;: ?? ??
  }
})

app.mount ( &#39;#app&#39;)

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

??? ?

?? ??

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

 <div id = "app">
  <button @click = "??"> Me </button>? ??????
  <p> ? : {{count}} </p>
</div>

<cript>
const app = vue.createapp ({{
  ??? () {
    ?? {
      ??? : 0
    }
  },
  ?? : {
    ?? () {
      this.count  
    }
  }
})

app.mount ( &#39;#app&#39;)
</????>

? ???? count ??? ??? increment ???? ?????. ??? ???? count ??????? ???? ???????.

?? ??

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

 const app = vue.createapp ({{
  ??? () {
    ?? {
      FirstName : 'John',
      ??? ?? : 'doe'
    }
  },
  ?? : {
    fullName () {
      ? ??? ?? ''? ??? ??? ??????
    }
  }
})

app.mount ( '#app')

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

???? ?? ? ??? ?

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

 // ??? ??? this.ITEMS [0] = '? ?'

//? ??? ???? ??? ?? .Items.splice (0, 1, 'New Value')

??? ??? ?????? VUE ?? ????? ???? ? ?? ??? ???? ???? ? Vue DevTools? ??? ? ????.

?? ??? ? ?? ??

?? ????????? vue.js ?? ????? ??? ????? ?? ?? ?????. ???? ??? ??? v-if ? v-show ???? ??? ????? ? ???? ????. v-if ??? ?? ??? ????? ???? ?? v-show ??? ??? ????? ??? ?????. ??? ??? ???? ??? ?? ?? ? ? ????.

? ?? ?? ??? key ??? ???? VUE ??????? ????? ???? ? ????? ????. ?? ??? ????.

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

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

????? vue.js? ???? ??? ????. ?? JavaScript Foundation??? ?????? ?????. ?? ??? ?? ??? ?????? vue.js? ???? ????? ????? ?? ?? ??? ?? ????? ?? ? ? ????. ? ??? Vue.js? ? ? ???? ????? ????? ????.

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