vuex的基础使用

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

• 前言
• 一、vuex是什么？
• 二、使用步骤
• • 1.跨域
  • 2.封装
  • 3.注册
  • 4.登录
  • 5.主页
  • 6.vuex传参
• 总结

随着人工智能的不断发展，python编程语言这门技术也越来越重要，很多人都开启了python学习，本文就介绍了python语言学习的基础内容。

提示：以下是本篇文章正文内容，下面案例可供参考

Vuex是一个专为vue.js应用程序开发的状态管理模式。它解决了组件之间同一状态的共享问题。因为它采用的是集中式存储管理应用的所有组件状态，所以组件就可以和store通讯了。其实Vuex就是用来管理组件之间通信的一个插件

代码如下（示例）：

module.exports={
    devServer:{
        proxy:'https://major.usemock.com/'
    }
}

代码如下（示例）：

export function post(url,params){
    return Axios.post(url,params)
}
export function del(url,params){
    return Axios.delete(url,params)
}
export function put(url,params){
    return Axios.put(url,params)
}
export function get(url,params){
    return Axios.get(url,params)
}

代码如下（示例）：

  
    注册页面
    
账号：
    
密码：
    
注册
  

代码如下（示例）：

代码如下（示例）：

L-ShaoPeng:

代码如下（示例）：

import { createStore } from 'vuex'

export default createStore({
  state: {
    xzhanghao:'',
    xmima:'',
    xzhanghao1:'',
    xmima1:''
  },
  getters: {
  },
  mutations: {
    ad(state,zhanghao){
      state.xzhanghao=zhanghao
      console.log(state.xzhanghao)
    },
    id(state,mima){
      state.xmima=mima
      console.log(state.xmima)
    },
    ad1(state,zhanghao1){
      state.xzhanghao1=zhanghao1
      console.log(state.xzhanghao1)
    },
    id1(state,mima1){
      state.xmima1=mima1
      console.log(state.xmima1)
    },
  },
  actions: {
  },
  modules: {
  }
})

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了cuex的使用，而vuex提供了大量能使我们快速便捷地处理数据的函数和方法。