Vue能夠將部分程式碼封裝起來元件化,即為Components(元件)。就像是把原本整頁的HTML拆分成各個小元件,再由這些元件組合重想要的HTML畫面。元件能夠重複呼叫、使用,達到元件共用的效果。
Vue directive(指令),是指v-開頭的Vue語法。Vue的v-bind可以用來綁定HTML屬性、CSS樣式與Style。
Vue的data屬性,可以用來存放資料,供後續的畫面呈現與操作。data中的資料可以搭配v-model達到資料雙向綁定,當data資料變更時,呈現在畫面上的資料也會隨著變更。…
Vue Router為Vue官方提供的路由管理器,讓前端頁面可以操作route。本篇將利用router-link與router-view讓頁面可以透過左側選單(side navigation…
Vue專案結構巡覽。Vue檔案中的組成架構 : template、script、style。
專案結構
使用Visual Studio Code。安裝Node.js後,以npm安裝Vue CLI來建立Vue專案。