學習前端第五個月2017 7 13

2021-08-03 18:50:58 字數 1397 閱讀 9216

今天總結一些工作經驗

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體系 ...