今天總結一些工作經驗
1.各個元件資料的共享
傳參的方法對於多層巢狀的元件將會非常繁瑣,並且對於兄弟元件間的狀態傳遞無能為力。而且也會導致**難以維護解決方法:採用vuex進行狀態管理,把所有事件和狀態儲存在store物件中,在元件中通過計算屬性獲得事件,因此就有了實時性。
vuex 是乙個專為 vue.js 應用程式開發的狀態管理模式。它採用集中式儲存管理應用的所有元件的狀態,並以相應的規則保證狀態以一種可**的方式發生變化。每乙個 vuex 應用的核心就是 store(倉庫)。"store" 基本上就是乙個容器,它包含著應用中大部分的狀態(state)。
vuex 的狀態儲存是響應式的。當 vue 元件從 store 中讀取狀態的時候,若 store 中的狀態發生變化,那麼相應的元件也會相應地得到高效更新。
你不能直接改變 store 中的狀態。改變 store 中的狀態的唯一途徑就是顯式地提交(commit) mutations。這樣使得我們可以方便地跟蹤每乙個狀態的變化。
**如下(以乙個user module為例):
//vuex/modules/user.js
import api from
'../../fetch/api'
import * as types from
'../types'
const state =
const actions = , res) ,
/*** 退出登入
*/setsignout() ,
}const getters =
const mutations =
}export
default
class="user">
v-if="!loginstatus">
...div>
v-else>
...
div>
div>
import from 'vuex'
export default
}script>
2.時間選擇元件(要可選擇時間段)
規則:一開始打算在github上搜尋乙個然後直接拿來用,發現都是不符合我的設計,所以打算自己擼乙個,(不要慫,擼起袖子就是幹)。
終於經過幾個晚上的奮戰寫出來了(期間遇到了各種坑)。
**就不貼出來了 **傳送門
雖然只是做了個小小的個人專案,但是我感覺收穫還是很大的,很多知識點掌握得更加的牢固,對 vue全家桶 的理解又更深了一些。這個專案還沒有完成,後期將不定期更新,敬請期待。。
好了,溜了溜了。。。
第五個議題
在每個問題後面,請說明哪一章節的什麼內容引起了你的提問,提供一些上下文 列出一些事例或資料,支援你的提問 說說你提問題的原因,你說因為自己的假設和書中的不同而提問,還是不懂書中的術語,還是對推理過程有疑問,還是書中的描述和你的經驗 直接經驗或間接經驗 矛盾?當我讀到第31章的時候。講到合作推送完成,...
2023年12月第五個週末
上週考六級,還有學期的期末考.竟然忘記記錄了.這周還是比較充實的。考完英語後,心情好多了。下兩個考試大概距離半個月,可以有點時間看書。剛剛把歷時乙個月的書看完 oracle11g 初學者指南 大概對oracle的各項操作有了個基本的了解。書中的內容也比較官方 1 資料庫的基本知識,oracle體系 ...
2023年12月第五個週末
上週考六級,還有學期的期末考.竟然忘記記錄了.這周還是比較充實的。考完英語後,心情好多了。下兩個考試大概距離半個月,可以有點時間看書。剛剛把歷時乙個月的書看完 oracle11g 初學者指南 大概對oracle的各項操作有了個基本的了解。書中的內容也比較官方 1 資料庫的基本知識,oracle體系 ...