Vuex Shared Mutations 开源项目教程

Vuex Shared Mutations 开源项目教程

vuex-shared-mutationsShare vuex mutations between tabs/windows项目地址:https://gitcode.com/gh_mirrors/vu/vuex-shared-mutations

1. 项目的目录结构及介绍

Vuex Shared Mutations 项目的目录结构相对简单，主要包含以下几个部分：

vuex-shared-mutations/
├── dist/
│   ├── vuex-shared-mutations.js
│   └── vuex-shared-mutations.min.js
├── src/
│   ├── index.js
│   └── utils.js
├── test/
│   ├── index.spec.js
│   └── utils.spec.js
├── .babelrc
├── .editorconfig
├── .eslintrc.js
├── .gitignore
├── .npmignore
├── LICENSE
├── package.json
├── README.md
└── webpack.config.js

目录结构介绍

• dist/: 包含编译后的文件，分别是 vuex-shared-mutations.js 和 vuex-shared-mutations.min.js。
• src/: 源代码目录，包含项目的主要逻辑文件 index.js 和工具函数文件 utils.js。
• test/: 测试文件目录，包含单元测试文件 index.spec.js 和 utils.spec.js。
• .babelrc: Babel 配置文件。
• .editorconfig: 编辑器配置文件。
• .eslintrc.js: ESLint 配置文件。
• .gitignore: Git 忽略文件配置。
• .npmignore: npm 忽略文件配置。
• LICENSE: 项目许可证。
• package.json: 项目依赖和脚本配置。
• README.md: 项目说明文档。
• webpack.config.js: Webpack 配置文件。

2. 项目的启动文件介绍

项目的启动文件位于 src/index.js，这是 Vuex Shared Mutations 插件的入口文件。该文件主要导出了一个 Vuex 插件，用于在多个标签页之间共享 Vuex 状态的 mutations。

import { shareMutations } from './utils'

export default function vuexSharedMutations(options = {}) {
  return store => {
    shareMutations(store, options)
  }
}

启动文件介绍

• import { shareMutations } from './utils': 导入工具函数 shareMutations。
• export default function vuexSharedMutations(options = {}): 导出一个函数，该函数返回一个 Vuex 插件。
• shareMutations(store, options): 调用 shareMutations 函数，传入 Vuex store 和配置选项。

3. 项目的配置文件介绍

项目的配置文件主要包括 package.json 和 webpack.config.js。

package.json

package.json 文件包含了项目的依赖、脚本命令和其他元数据。

{
  "name": "vuex-shared-mutations",
  "version": "0.1.0",
  "description": "Share vuex mutations between tabs/windows",
  "main": "dist/vuex-shared-mutations.js",
  "scripts": {
    "build": "webpack",
    "test": "jest"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/xanf/vuex-shared-mutations.git"
  },
  "keywords": [
    "vuex",
    "vue",
    "mutations",
    "shared",
    "tabs",
    "windows"
  ],
  "author": "xanf",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/xanf/vuex-shared-mutations/issues"
  },
  "homepage": "https://github.com/xanf/vuex-shared-mutations#readme",
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-preset-env": "^1.7.0",
    "jest": "^23.6.0",
    "webpack": "^4.26.1",
    "webpack-cli": "^3.1.2

vuex-shared-mutationsShare vuex mutations between tabs/windows项目地址:https://gitcode.com/gh_mirrors/vu/vuex-shared-mutations