vuex-pathify 一個基於vuex進行封裝的 vuex助手語法插件
首先介紹一下此插件
- 我們的目標是什麼:乾死vuex 我來當皇上!(開個玩笑,pathify的是為了簡化vuex的開發體驗)
- 插件作者 davestewart
- github倉庫地址
- 官方網站,英文
說一下插件的功能
- 插件可以幫你自動生成很多的程式碼,讓我們向懶人更邁進非同步
- 對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(訪問倉庫里變數的更牛逼的方法,可以讓你更方便的讀寫倉庫變數)