一、vuex简介1.1 vuex是什么概念：专门在Vue中实现集中实状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式管理（读/写），也是一中组件间通信的方式，且适用于任意组件间通信vuex1.2 什么时候使用Vuex多个组件依赖同一状态来自不同组件的行为需要变更同一状态二、Vuex工作原理图2.1 官方vuex工作原理图每一个 Vuex 应用的核心就是 store，里面

一、getters配置项1. 概念：当state中的数据需要经过加工后在使用时，可以使用getters加工2. 在store.js中追加getters配置：...// 准备getters - 用于将state中的数据进行加工const getters = {自定义命名(state){return ......}}// 创建并暴露storeexport default new Vuex.Store(

一、模块 与 组件1.1 模块向外提供特定功能的js程序，一般就是一个js文件作用：复用js，简化js的编写，提高js运行效率1.2 组件组件的定义：实现应用中局部功能代码和资源的集合作用：复用编码，简化项目编码，提高运行效率二、模块化 与 组件化2.1 模块化当应用的js都是以模块来编写的，那这个应用就是一个模块化应用2.2 组件化当应用中的功能都是多组件的方式来编写的，那这个就是一个组件化的应

目录一、目的二、模块化应用2.1 store.js直接应用模块化2.2 store.js 外部引入三、开启命名空间后的读取与调用3.1 state数据3.2 getters数据3.3调用dispatch3.4 调用commit四、案例练习4.1 count.js4.2 game.js4.3 index.js -store配置4.4 Game.vue4.5 Count.vue一、目的让代码更好维护，

一、路由简介1.1 vue-router 的理解vue的一个插件库，专门用来实现SPA应用介绍 | Vue Router (vuejs.org)https://router.vuejs.org/zh/introduction.html1.2 对SPA应用的理解单页面Web应用（single page web application，SPA）整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面

1.align-items用于设置侧轴上的子元素排列方式（单行）该属性用于控制子元素在侧轴（默认为y轴）上的排列方式，在子元素为单项时使用1.1属性值属性值说明flex-start从上到下；默认值flex-end从下到上center垂直居中stretch拉伸1.2案例1.设置align-items属性值：center为了能够更好区别，先设置主轴（x轴）居中，再设置侧轴（y轴）居中/* 父级

一、常用Composition APIVue3官方文档 - 组合API1.1 SetupVue3官方文档 - Setup（1）理解：Vue3.0中的一个新的配置项，值为一个函数（2）组件中所用到的：数据、方法等等，均要配置在setup中（3）setup函数的两种返回值：若返回一个对象，则对象中的属性、方法，在模板中均可以直接使用（重点）若返回一个渲染函数：则可以自定义渲染内容（了解即可）（4）注意

目录一、组件的基本使用1.1 text文本组件1.1.1 案例练习2.1 view组件2.1.1 案例练习3.1 button按钮组件3.1.1 简单案例练习4.1 image组件二、uni-app样式2.1简单案例练习一、组件的基本使用uni-app提供了丰富的基础组件给开发者，开发者可以组合各种组件拼接自己的应用uni-app应用中的组件，就像HTML中div、p、span等标签的作用一样，用

一、条件注释实现跨端兼容uni-app官方文档 - 编译器（条件编译）条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。#ifdef：if defined 仅在某平台存在#ifndef：if not defined 除了某平台均存在%PLATFORM%：平台

目录一、网络请求1.1 发送get请求二、数据缓存2.1uni.setStorage(OBJECT)2.2uni.setStorageSync(KEY,DATA)2.3uni.getStorage(OBJECT)2.4uni.getStorageSync(KEY)2.5uni.removeStorage(OBJECT)2.6uni.removeStorageSync(KEY)2.7 案例练习三、图