首先介绍一下此插件
- 我们的目标是什么:干死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(访问仓库里变量的更牛逼的方法,可以让你更方便的读写仓库变量)