(十)vuex 应用文件结构
2023-06-13 09:17:09 时间
一、vuex
文件夹结构
- 在
src
下面新建一个名为store
的文件夹,里面存放所有有关vuex
的代码 - 在
store
文件夹下面创建一个index.js
文件夹,存放store
的入口文件,也就十顶级模块代码 - 把
mutations
actions
getters
把他们单独抽离出来放到各自的js
文件里面使用默认导出
├── index.js store 入口文件,也是顶级模块
├── mutations.js 存放 mutations
├── actions.js 存放 actions
├── getters.js 存放 getters
└── modules 子模块,里面是递归文件的格式
index.js
import { createStore, createLogger } from 'vuex'
// 根模块拆分出去的
import mutations from './mutations.js'
import actions from './actions.js'
import getters from './getters.js'
import { blogs } from './modules/blogs/index.js'
export const store = createStore({
plugings: [createLogge()],
modules: {
blogs: blogs
// 简写
blogs
},
state() {
return {
num: 1
}
},
mutations: mutations,
actions: actions,
getters: getters
})
mutations
actions
getters
写法都是一样的
// 使用默认导出
export default {
fn('prams') {
// 逻辑
}
}
blogs.js
写法同根模块是一样的递归形式
import mutations from './mutations.js'
import actions from './actions.js'
import getters from './getters.js'
export const blogs = {
namespaced: true,
state() {
return {
num: 1
}
},
mutations: mutations,
actions: actions,
getters: getters
}
- main.js
import { createApp } from "vue";
import App from "./App.vue";
import { store } from "./store";
const app = createApp(App);
//
app.use(store);
app.mount("#app");
相关文章
- crontab 用法(执行python文件)[通俗易懂]
- yui compressor php,通过yuicompressor-2.4.7压缩css或js的php应用文件
- Linux应用编程之多次打开同一个文件
- 文件管理系统开源_开源内容管理系统
- 文件输入输出处理(二)-字节流
- JavaEE14 - Java流(Stream)、文件(File)和IO
- 【Android 安全】DEX 加密 ( 代理 Application 开发 | 加载 dex 文件 | 将系统的 dexElements 与 应用的 dexElements 合并 | 替换操作 )
- 【Android 安全】使用 360 加固宝加固应用 ( 购买高级加固服务 | 设置资源加固 | 设置 SO 文件保护配置 | 设置 SO 防盗用文件配置 | 反编译验证加固效果 )
- 【Android Gradle】安卓应用构建流程 ( 资源文件编译 )
- 【Android 逆向】Android 系统文件分析 ( 根目录下的目录和文件 | /data/ 应用和用户数据目录 | /mnt/ 挂载其它设备目录 )
- 【Android 逆向】APK 文件格式 ( Android 应用安装 | Zip 文件格式 | 使用 Python 代码提取 APK 文件 )
- 【Android 应用开发】使用蒲公英 SDK 收集崩溃日志信息 ( 导入依赖 | 申请 Key | 集成代码 | 清单文件配置 | 手动上传日志 | 手动检查更新 )
- Win32 使用 CreateProcess 方法让任务管理器里的命令行不显示应用文件路径
- Linux文件权限管理:不可忽视的重要性(linux中的文件权限)
- Linux导出TXT文件教程(linux导出txt)
- 在 Linux 上查看文件内容的 5 种方法
- dd命令在Linux系统上的文件复制进度报告(linuxdd进度)
- 如何使用Linux命令递归删除文件夹及其文件(linux递归删除)
- 如何在MySQL中删除日志文件?(mysql日志删除)
- MSSQL读取文件技术应用简介(mssql 读文件)
- Bak文件导入到Oracle数据库的方法(bak导入到oracle)
- 构建新一代应用文件缓存与Redis结合(文件缓存和redis)
- 文件TP6 应用 Redis 配置文件优化实践(tp6 redis配置)
- Oracle UDL文件的实现方式及应用(oracle udl文件)
- 群雄逐鹿,各地政府扶植区块链相关政策文件与应用落地概况一览
- ASP中利用execute实现动态包含文件的方法
- FineUploader文件上传组件应用介绍
- Python高级应用实例对比:高效计算大文件中的最长行的长度