iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

Vue.js Web Component 基礎以及 Vuex狀態管理 系列

預計在鐵人30天 把自己學習Vue上 所學習到一些Component以及狀態管理 或是相關套件的概念
或使用心得 做一個系列性的分享及介紹

參賽天數 3 天 | 共 8 篇文章 | 19 人訂閱 訂閱系列文 RSS系列文
DAY 1

Vue.js Web Component 基礎以及 Vuex狀態管理 鐵人賽 第一天 Web Component

1.什麼是Vue.js 官方的定義 現在網頁前端開發的時候,都希望做到可以把前端互動效果做到模組化。模組化的目的是希望在需求修改的時候,不需要對前端架構修改太多...

2019-09-02 ‧ 由 json_liang 分享
DAY 2

Vue.js Web Component 基礎以及 Vuex狀態管理 鐵人賽 第二天 Vue Instance

Vue Instance ref doc 每個Vue.js 所撰寫出的Web application最基本都會有一個主要的Vue Instance 然後透過Vu...

2019-09-03 ‧ 由 json_liang 分享
DAY 3

Vue.js Web Component 基礎以及 Vuex狀態管理 鐵人賽 第三天 Data Binding

Vue.js Data Binding data Vue Instance 可以透過data來儲存外部資料 data 作用有二: 1 儲存元件內部狀態或資料 2...

2019-09-04 ‧ 由 json_liang 分享
DAY 3

Vue.js Web Component 基礎以及 Vuex狀態管理 鐵人賽 第四天 Vue Instance Life Cycle

Vue Instance Life Cycle 這個章節 在筆者心裏覺得是最重要的一部分 因為整個component狀態的改變流程 就是根據life cycle...

2019-09-07 ‧ 由 json_liang 分享
DAY 3

Vue.js Web Component 基礎以及 Vuex狀態管理 鐵人賽 第五天Vue Component Register

Vue Component Register 在建立 Vue Instance 之後,如需要使用其他以定義過的Component 就必須把建立好的Compone...

2019-09-08 ‧ 由 json_liang 分享
DAY 3

Vue.js Web Component 基礎以及 Vuex狀態管理 鐵人賽 第六天 Vue render Process

Vue render Process 在Vue在render每個template的時候,首先是先把template轉換成 Virtual DOM再去讓compi...

2019-09-10 ‧ 由 json_liang 分享
DAY 3

Vue.js Web Component 基礎以及 Vuex狀態管理 鐵人賽 第七天 Vuex State management

Vuex State Management Vuex參考文件 Vuex 是 Vue.js 用來管理不同 Component 間狀態的一個函式庫 Vue.js S...

2019-09-11 ‧ 由 json_liang 分享
DAY 3

Vue.js Web Component 基礎以及 Vuex狀態管理 第八天 Vue.js how to work with this

Vue.js how to work with this Javascript 中的 this 指向是使用情境的上下文相關, 舉例來說: <button...

2019-09-14 ‧ 由 json_liang 分享