vuex登陆注册

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

• 前言
• 一、vuex是什么？
• 二、使用步骤
• • 1.跨域
  • 2.封装
  • 2.vuex
  • 3.注册界面
  • 4.登陆界面
  • 5.主页面
  • 6.最终效果
• 总结

提示：这里可以添加本文要记录的大概内容：

随着人工智能的不断发展，python编程语言这门技术也越来越重要，很多人都开启了学习python编程语言。

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

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

代码如下（示例）：

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

代码如下（示例）：

import Axios from "axios";

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)
}

代码如下（示例）：

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: {
  }
})

代码如下（示例）：

代码如下（示例）：

代码如下（示例）：

使用vuex会更加便利。