SpringBoot-26-企业云端开发实践之Vue框架状态管理VueX和数据模拟MockJS

文章目录

• 1 VueX概念介绍
• • 1.1 State
  • 1.2 Mutation
  • 1.3 Action
  • 1.4 Getter
• 2 VueX安装使用
• • 2.1 App.vue
  • 2.2 main.js(全局引入)
  • 2.3 基本使用
  • • 2.3.1 store/index.js
    • 2.3.2 HelloWorld.vue
  • 2.4 简化操作(HelloWorld.vue)
  • • 2.4.1 使用计算属性简化模板
    • 2.4.2 使用mapState
  • 2.5 Getters
  • • 2.5.1 store/index.js
    • 2.5.2 HelloWorld.vue
• 3 Mockjs
• • 3.1 Mockjs介绍
  • • 3.1.1 基本使用
    • 3.1.2 数据生成规则
  • 3.2 操作应用
  • • 3.2.1 mock/index.js
    • 3.2.2 main.js
    • 3.2.3 App.vue