iT邦幫忙

2023 iThome 鐵人賽

DAY 17
0

Vue.js 有以下概念:

  • 資料繫結(Data Binding):Vue.js 使用雙向繫結(Two-way Data Binding)來實現資料和DOM元素之間的同步。當資料發生變化時,相應的DOM元素也會更新
  • 指令(Directives):Vue.js 提供了一系列的指令,例如 v-if、v-for、v-bind 和 v-on,用於在模板中添加特定的行為。這些指令允許你根據資料的狀態來操作DOM
  • 事件處理(Event Handling):Vue.js 允許你使用 v-on 指令來監聽DOM事件,例如點擊、輸入等。這樣你可以在事件觸發時執行相應的方法
  • 組件(Components):Vue.js 的應用程序可以被拆分為多個組件。組件是可重用的Vue實例,可以擁有自己的狀態和方法。這樣的結構使得應用程序更容易管理和擴展
  • 生命周期(Lifecycle Hooks):Vue實例具有一系列的生命周期鉤子,如 created、mounted 和 destroyed。這些鉤子允許你在Vue實例的不同生命週期階段執行代碼
  • 計算屬性(Computed Properties):Vue.js 允許你定義基於現有資料計算得到的屬性。這些屬性的值會根據資料的變化自動更新,並且在模板中可以當作普通屬性使用
  • 監視(Watchers):Vue.js 允許你監視資料的變化,當資料符合指定條件時,執行相應的函數
  • 路由(Vue Router):Vue.js 的官方路由庫,可以實現單頁應用程序(SPA)中的路由導航
  • 狀態管理(Vuex):Vuex 是Vue.js的狀態管理庫,用於管理應用程序的狀態,方便在組件之間共享數據

上一篇
Day 15:.NET 登入開發篇 - 如何開發一隻登入API
下一篇
Day 18:Vue觀念篇 - Vue.js 生命週期是什麼?
系列文
30天挑戰:從無到有,使用Vue.js和.NET建立一個Web登入系統19
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言