Vuex的簡單用法

2021-09-25 17:09:36 字數 777 閱讀 8636

這篇文章是描述了vuex的基本用法,不包含該外掛程式過深的內容

初用vuex,一般是看重其宣告的變數如果註冊到根元件便可以在全元件中獲取的特性,這篇文章就側重如何使用vuex。

//先宣告乙個store,我預設在store.js檔案中建立,因為我的目的是將其引入根元件

//中,使其可以全域性使用

export

default

newvuex.store

()

這裡面有三個物件分別是 state、mutations、getters

理解之後,將上面的**擴充一下變為

const state =

const mutations =

}const getters =

}export

default

newvuex.store

()

這裡面的東西的呼叫非常簡單,當這個vuex.store例項被掛載到根元件上是,在任意元件中通過

var msg =

this

.$store.getters.msg //獲取msg

//修改方式比較特殊 通過commit()顯式修改

this

.$store.

commit

('setmsg'

,'修改了'

)//'修改了'預設是指 setmsg的第二引數,因為第乙個引數vue有預設的屬性

mysql的簡單用法 mysql簡單用法

刪除使用者 drop user jack drop比delete刪除的優勢在於drop可以刪除使用者的許可權,更加徹底 更改使用者名稱 rename user jack to jacknew 使用者的都存在與user表中,更改名稱,許可權不變 更改使用者密碼 update mysql.user se...

sudo的簡單用法

sudo 的簡單用法 sudo 是linux 下一種能讓普通使用者執行 root 使用者或者其他使用者的命令 在 linux 中為了能方便的作業系統,同事也為了減輕管理員的負擔,這裡就有了 sudo 這個工具,讓普通使用者能執行 root 使用者的一部分權利。在 linux unix 下專門為 su...

XPath的簡單用法

xpath 使用路徑表示式來選取 xml 文件中的節點或節點集。下面使用乙個簡單的xml檔案內容 定位到節點名稱為parent1的元素 xpath為 tree parent1 其中前面加 表示根元素,此時的xpath就是絕對路徑了,在這裡的例子中,因為tree為根元素,所以這裡的xpath也可以表示...