uniapp和graceUI介绍

Posted 2023-03-27

参考技术A uniapp是一个跨平台的基于Vuejs的前段框架，一次开发，支持包括小程序，APP，H5等等的8个端。

uni-app官方网站
uni-app如何学习

于是我找到一个基于uniapp的前段样式库框架GraceUI，
使用GraceUI不会降低使用uniapp的优势，并补全了关于样式和组件方面的教学和完善，下面是GraceUI我认为的优点。

graceUI是一款基于uni-app和微信小程序开发的前段样式库，拥有全局样式表，组件，表单认证等等功能。

GraceUI官网
GraceUI免费教学

【uni-app】Vuex介绍和使用

参考技术A

无论你是使用 HX 还是使用 vue-cl i创建的uniapp项目,都已内置 Vuex ,无需再进行安装

uni-app也像小程序一样有 globalData ，这是一种简单的 全局变量 机制
globalData 是简单的全局变量，如果使用状态管理，请使用 vuex

项目文件结构

1.在 main.js 中导入store文件。

2.组装模块并导出 store

3.定义cart.js模块(这里以购物车为例)

4.定义根级别的getters

5.使用

查看下效果

点击添加按钮