Vue.js 123 / 一次學會 Vue 2 跟 3 <br /><a href="https://15days.learnworlds.com/course/vuejs123" target="_blank" rel="nofollow">https://15days.learnworlds.com/course/vuejs123</a><br />--<br />0:00 data & methods<br />0:58 Vue 2 vs Vue 3<br />4:38 如何取用 Vue Instance 裡面的 data 與 methods? vm.$data / vm.$methods<br />5:43 MVVM 架構<br />14:44 總結<br />--<br />Vue Instance 主要架構：data / methods<br /><br />Vue.js 2 跟 3 的差異：data 的寫法<br />差異不大，Vue 2 的 data 是一個 Object、Vue 3 的 data 則是一個 回傳 Object 的 function<br /><br />直接取用 data / methods 的方法<br />vm.$data.foo / vm.$methods.bar() <br />或是直接 vm.foo / vm.bar() 都是可以的喔<br /><br />MVVM 是 Vue.js 很重要的架構<br />多了 ViewModel 這一層，一旦 Model 有變動<br />就會 自動更新 View。<br />--<br />本內容擷取自 Vue.js 123 <br /><a href="https://15days.learnworlds.com/course/vuejs123" target="_blank" rel="nofollow">https://15days.learnworlds.com/course/vuejs123</a><br />Blog：<a href="https://15days_website.pse.is/3bcl35" target="_blank" rel="nofollow">https://15days_website.pse.is/3bcl35</a><br /><br />#vuejs教學 #vuejs介紹<br />--<br />想知道要如何學習，歡迎來「網頁15天」逛逛 <a href="https://15days.website/" target="_blank" rel="nofollow">https://15days.website/</a><br />也歡迎直接找我們聊聊 <a href="http://m.me/15days.website" target="_blank" rel="nofollow">http://m.me/15days.website</a><br />...<br /><a href="https://www.youtube.com/watch?v=Uod--zZOSDg" target="_blank" rel="nofollow">https://www.youtube.com/watch?v=Uod--zZOSDg</a>