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(访问仓库里变量的更牛逼的方法,可以让你更方便的读写仓库变量)

个人感觉确实很方便,文档的内容也不是很多,用了两天看完的,英语太菜了(关于使用方法还是去看文档吧)