uni-app写项目需注意的问题及Vuex简单学习

uni-app写项目需注意的问题

1、需要跟设计图上的效果大体一致（不能有太大的偏差）

2、最好不要引入太多第三方插件（要是引用第三方插件，下载的跟我们需求样式不一样的时候需要自己覆盖原来的样式，还有时候需要改动源码的样式；另一个就是，有些插件写的不完善，会在特定时间出bug）

3、使用uni-app写代码一定记得改单位（rpx/upx）

4、uniapp自带的图片用不到的需要及时删掉，不然目录会混乱的

5、别被绝对相对定位给禁锢住了，可以使用flex.

6、代码能精简就精简（可以使用数据渲染）

7、上传到git的时候可以把node module忽略一下，不然太大了速度太慢

Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化

安装

npm install vuex --save

初始化

首先需要在项目目录下，新建一个 Vuex 的目录 store

在index.js文件中初始化Vuex

// index.js
import Vue from 'vue'
import Vuex from 'vuex'//引入vuex

Vue.use(Vuex)//挂载vuex
})

vuex 包含有五个基本的对象：

• state：存储状态。也就是变量；
• getters：派生状态。也就是set、get中的get，有两个可选参数：state、getters分别可以获取state中的变量和其他的getters。外部调用方式：store.getters.personInfo()。就和vue的computed差不多；
• mutations：提交状态修改。也就是set、get中的set，这是vuex中唯一修改state的方式，但不支持异步操作。第一个参数默认是state。外部调用方式：
• store.commit(‘SET_AGE’, 18)。和vue中的methods类似。
• actions：和mutations类似。不过actions支持异步操作。第一个参数默认是和store具有相同参数属性的对象。外部调用方式：store.dispatch(‘nameAsyn’)。
• modules：store的子模块，内容就相当于是store的一个实例。调用方式和前面介绍的相似，只是要加上当前子模块名，如：store.a.getters.xxx()。

来自Vuex是什么
详细介绍还得看官网（虽然我现在还看不太懂但希望你能学会）