uni-app框架基础知识

• uniapp就是vue开发，可以使用vue2和vue3的语法，另外编译和运行都最好在HBuilderX中进行
• 生命周期可以使用vue或者小程序的生命周期
• 不同：

  最好不要使用vue的路由，直接使用uniapp的路由（它和小程序一模一样：uni.navigateTo）
  可以使用小程序的存储（wx.setStorageSync），也可以使用vuex，并且系统自动集成vuex

• 它是一个团队为了提高开发效率和多平台运行而实现的一个库
• 特性：

  它可以编写一个代码,运行到多个平台:可以是App项目,也可以是Web项目,也可以运行为所有类型的小程序(微信,支付宝,字节),快应用

• 官网:https://uniapp.dcloud.net.cn/
• 一定要新建一个hello项目,因为所有的接口和组件等都有例子
  • 1、打开HBuilderX开发工具
  • 2、在菜单栏选择文件 -> 新建 -> 项目->uni-app
• 项目说明：

manifest.json—— 项目配置文件，是用于配置小程序或者app应用的配置
package.json —— 管理npm模块引入的文件
pages.json ——相当于小程序的app.json和页面的json合集
main.js——相当于vue的main入口
App.vue——相当于vue之前的路由容器组件，它是自动加载，是相当于小程序得app.js
store——是vuex

• 运行项目：菜单->运行 ->选择你要运行的模式
• 如果要拷贝代码 ，注意：路由就是文件地址

项目分析及开发目录搭建

• 企业内部系统：
  • OA协同办公系统—主要公司内部流程管理；
  • CRM客户关系管理系统—管理客户信息和客户关系维护；
  • PM采购管理系统–执行公司的任何采购业务
  • ERP系统-企业规划系统–是一个非常庞大的系统
  • SAAS—/software as a service 软件即服务
• 企业应用后台–一定记住，面试得时候可以截图首页得菜单，不要截图应用
• 在企业开发中，一般是pc端先开发，因为系统底层设置等都在pc端，然后app端跟进
• 搭建

开发框架–uniapp -> HBuilderX中或者使用命令来搭建
确定vue版本–vue2版本
路由—是采用uniapp得路由
缓存—采用vuex
样式–采用sass
交互—采用uniapp的数据交互
补充： ：root