大家好啊~今天是鐵人賽的第11天唷!今天沒有props當子元件的資料傳遞,不但不會出錯,而是會直接將外層class內容給DOM。 <div id=&quo...
大家好,今天是鐵人賽的第12天。今天要來說說何謂雙向綁定和單向資料流。v-model會對Vue的data與頁面上元件進行綁定,當元件被更新時,Vue會直接對實體...
大家好今天是鐵人賽的第13天,明天就要放假啦!放假也不能忘記發文章喔!今天要講v的事件!首先要講v-text,前面所說的渲染要在網頁呈現想要的文字時,會用{{}...
大家好今天是鐵人賽的第14天,先祝各位中秋節快樂唷!有注意到標題為什麼有V嗎?絕對不是什麼說某款遊戲的主角,題外話~今天要說的是v-pre和v-once。v-p...
大家好,今天是鐵人賽的第15天,很高興鐵人賽的賽程過了一半。最近學到一個串接API的方式,Stream API我會說他是資料流,他允許JS程式設計存取從網路接收...
大家好,今天是鐵人賽的第16天,廢話不多說就進入今天的內容吧!今天要說的是事件綁定v-on。用法如下: <template> <p&g...
大家好,今天是鐵人賽的第17天唷!今天要說的是條件判斷的部分,v-if、v-show。v-if:v-if與v-else切換,會直接開啟、關閉其生命週期,透過按鈕...
大家好啊~今天是鐵人賽的第18天唷!今天要說的是v-for列表渲染,將陣列或物件的資料重複且呈現在網頁,用item in items去使用,而item的命名不限...
大家好今天是鐵人賽的第19天唷!vue-router是Vue的路由管理器,用於建立單一頁面應用程式。允許您定義網頁的導航和狀態。 安裝和配置首先要安裝Vue.j...
大家好今天是鐵人賽的第20天唷!前一天文章,介紹了vue-router的基本用法。今天要多說一些用法:命名路由允許你為路由定義一個名稱,以便在程式中進行引導。例...