首先介紹一下此外掛
- 我們的目標是什麼:乾死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(訪問倉庫裡變數的更牛逼的方法,可以讓你更方便的讀寫倉庫變數)