iT邦幫忙

鐵人檔案

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

Vue菜鳥的自我學習days 系列

目前規劃以某些vue的線上課程觀看進度+google相關資料做學習筆記 這樣

鐵人鍊成 | 共 39 篇文章 | 11 人訂閱 訂閱系列文 RSS系列文
DAY 21

21.Unit test2

ProductInfo.vue測試 ProductList.vue,在 ./tests/unit/views 底下新增 ProductInfo.spec.js...

2020-10-06 ‧ 由 birdman0823 分享
DAY 22

22. Rxjs 處理非同步

意非同步的問題,雖然可以使用 ajax callback、promise 等方式處裡,但一旦處理程序過多,容易造成程式維護上的不便性,接下來我們使用 json-...

2020-10-07 ‧ 由 birdman0823 分享
DAY 23

23.Rxjs 處理非同步2

再來修改 ProductList.vue 與 ProductInfo.vue,由於 product-service 回傳的內容已經更改為 Observable...

2020-10-08 ‧ 由 birdman0823 分享
DAY 24

24.Rxjs 處理非同步3

Unit test因應更動需要更改測試程式,product-service.get 方法已經改為回傳 Observable 物件,因此需要更改回傳內容,在 sr...

2020-10-09 ‧ 由 birdman0823 分享
DAY 25

25.eslint

下面提供 esling 的設定值,在專案根目錄打開 .eslintrc.js 編輯 { ... rules: { 'no-console': process.e...

2020-10-10 ‧ 由 birdman0823 分享
DAY 26

26.Computed vs Methods

比較下面兩個用法: <!-- computed --> <div>{{ reverseMessage }}</div> &l...

2020-10-11 ‧ 由 birdman0823 分享
DAY 27

27.Copmuted vs Watcher

一般情況下,使用 computed 比起 watcher 更簡潔,如下: new Vue({ data: { firstName: 'Foo', lastNam...

2020-10-12 ‧ 由 birdman0823 分享
DAY 28

28. Vuex State

Vuex使用单一状态树,用一个对象就包含了全部的应用层级状态。这也意味着,每个应用将只包含一个 store 实例 import Vue from 'vue';...

2020-10-13 ‧ 由 birdman0823 分享
DAY 29

29.Getter and Mutation

Vuex內的getter,相當於component內的computed,作用都是改變資料的表示形式 Getter:就像计算属性一样,getter 的返回值会根据...

2020-10-14 ‧ 由 birdman0823 分享
DAY 30

30.Action

Vuex的Action,相當於component內的methods,裡面宣告並使用方法,但不會直接改變資料狀態。 Action 类似于 mutation,不同在...

2020-10-15 ‧ 由 birdman0823 分享