Open in app
Sign inGet started

from front-end

[ Vue.js ] 元件: Components

[ Vue.js ] 元件: Components

Vue能夠將部分程式碼封裝起來元件化，即為Components(元件)。 就像是把原本整頁的HTML拆分成各個小元件，再由這些元件組合重想要的HTML畫面。元件能夠重複呼叫、使用，達到元件共用的效果。
Go to the profile of Select *
Select *
[ Vue.js ] Vue指令: v-bind

[ Vue.js ] Vue指令: v-bind

Vue directive(指令)，是指v-開頭的Vue語法。 Vue的v-bind可以用來綁定HTML屬性、CSS樣式與Style。
Go to the profile of Select *
Select *
[ Vue.js ] 資料綁定: Data

[ Vue.js ] 資料綁定: Data

Vue的data屬性，可以用來存放資料，供後續的畫面呈現與操作。 data中的資料可以搭配v-model達到資料雙向綁定，當data資料變更時，呈現在畫面上的資料也會隨著變更。 以及import外部JSON檔案至data中和使用Axios發起Http…
Go to the profile of Select *
Select *
[ Vue.js ] 路由 : Vue Router

[ Vue.js ] 路由 : Vue Router

Vue Router為Vue官方提供的路由管理器，讓前端頁面可以操作route。 本篇將利用router-link與router-view讓頁面可以透過左側選單(side navigation bar)來切換右側子頁面內容，並以$route.params傳遞參數。
Go to the profile of Select *
Select *
[ Vue.js ] 專案結構

[ Vue.js ] 專案結構

Vue專案結構巡覽。 Vue檔案中的組成架構 : template、script、style。
Go to the profile of Select *
Select *
[ Vue.js ] 建立Vue專案

[ Vue.js ] 建立Vue專案

使用Visual Studio Code。 安裝Node.js後，以npm安裝Vue CLI來建立Vue專案。
Go to the profile of Select *
Select *
About ProgramLatest StoriesArchiveAbout MediumTermsPrivacyTeams