vuex 的使用步骤

2023-05-03 08:45| 来源: 网络整理| 查看: 265

vuex中的数据，在一个项目中任何页面都可以使用（但是vuex中的数据，只要页面一刷新就没了）

所以说，如果我们在一个页面中要使用vuex中的数据，举例在一个页面中换了头像，然后，切换回个人资料的页面的时候这个时候就相当于重新刷新了页面，这个时候vuex中的数据，就没在了所以说我们要在这个页面中（刷新页面同时也就是这个页面销毁和重新创建）所以说我们就该在这个页面created的时候，写一个请求个人数据的代码，保证，只要页面每次刷新我们都能拿到vuex中的数据

在一个创建好的项目中如果想使用vuex1下载npm i vux2.实例化store在store.js中实例化

import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const stroe=new Vuex.store({//举例 state ：{ count:0}})export dafault store 向Vue实例中注入store（如下图） ```javascript //导入store import store from ‘./store’ new Vue({ stroe//注入vue实例 })

``` vuex 中发送axios请求是放在actions中的注意vuex中的数据都是保存在state中的，state中的数据只能通过mutations来修改

也就是说我们在actions中发送axios拿到数据后，想保存到state中的数据中的时候只能通过在action中调用mutations 让mutations来修改state中的数据

【本文地址】

公司简介

联系我们