nuxt项目中使用store
2024-09-08 19:26:54
首先初始化创建一个nuxt项目
nuxt项目创建以后，内部已自动集成store，所以无需再单独安装和引入
在根目录的store文件夹下新建文件，例如home.js
//home.js
export const state = () => ({
age: 18
}) export const mutations = {
add(state, data) {
state.age += data
}
} export const actions = {
addAge(store, data) {
console.log(store);
setTimeout(() => {
store.commit('add', data)
console.log(store.state.age);
}, 2000)
}
} export const getters = { }
在页面中访问
methods: {
add() {
// this.$store.state.home.name;
// this.$store.commit("home/add", 2);
this.$store.dispatch("home/addAge", 2);
},
},
asyncData中访问
async asyncData ({ app, $axios, params, store }) {
return {
age:store.state.home.age
}
}
最新文章
- C#中ToString格式大全
- CSS、j's单行、多行文本溢出显示省略号
- Altium Designer生成网表 导出网表【worldsing笔记】
- ViewPager的使用方法和实现过程
- 面向对象程序设计-C++_课时19const_课时20不可修改的
- hdu_4718_The LCIS on the Tree(树链剖分+线段树合并)
- 转载，find.sh
- C++ 头文件系列(string)----分析string初始化内存模型
- Python类变量和实例变量
- python中可变与不可变类型变量中一些较难理解的地方
- PHP中private、public、protected的区别详解
- MySQL触发器在建立时，报语法错的问题
- p2394 精度题
- halcon开发必读
- 爬虫IP代理中的http与https
- 20165317 学习基础和C语言基础调查
- NumPy IO
- Android - 内存泄漏 + 垃圾回收（GC）概念
- ISCSI工作流程target和initiator
- python 连加