首先介绍一下此插件

说一下插件的功能

  • 插件可以帮你自动生成很多的代码,让我们向懒人更迈进异步
  • 对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(访问仓库里变量的更牛逼的方法,可以让你更方便的读写仓库变量)

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

版权声明：本文为shiazhen原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/shiazhen/p/14378206.html