vuex-pathify 一個基於vuex進行封裝的 vuex助手語法插件

首先介紹一下此插件

說一下插件的功能

  • 插件可以幫你自動生成很多的程式碼,讓我們向懶人更邁進非同步
  • 對vuex的語法進一層封裝,程式碼裡面真的是很省事,配置也很簡單
  • 舉個栗子
//獲取vuex的某個變數,此處默認進行了模組具名化
module:{
state:{
openid:0000
}
}
console.log(this.$store.module.state.openid)
//使用插件(就是如此簡單)
console.log(this.$store.get('module/openid')

首先看一下文檔的目錄吧(此處為人為翻譯,翻譯的不好請多多包含)

intro (介紹)

1.pathify 101(我感覺意思只是插件名字,只是介紹了下插件能幹啥)

2.demo (也就是示例,裡面主要是作者給的程式碼示例,是放在codesandbox裡面,你可以編輯)

 作者說了一句話:了解程式碼工作的常用方式就是去玩程式碼(實際操作),所以pathify有很多可編輯的demo

setup(配置,也就是怎麼使用)

1.installation(安裝插件)

2.configuration(插件的一些配置)

  • options (選項)
  • mapping (映射)

api(也就是相關方法)

1.path syntax(路徑語法)

2.store helpers(倉庫助手,能幫你生成很多程式碼)

3.store accessors(訪問倉庫,就是你能通過這個東西直接讀寫倉庫里的變數,還能copy)

4.component helpers(組件助手,其含義不言而喻,就是在組件裡面如何使用倉庫裡面的變數)

5.component property decorators(組件屬性聲明,說什麼能和基於類的組件一起使用,我太菜,沒用到)

6.Advanced property access(訪問倉庫里變數的更牛逼的方法,可以讓你更方便的讀寫倉庫變數)

個人感覺確實很方便,文檔的內容也不是很多,用了兩天看完的,英語太菜了(關於使用方法還是去看文檔吧)

Tags: