更新记录

1.0.0（2023-06-13） 下载此版本

实现基础的静态页面功能

平台兼容性

请先在控制台运行 cnpm i uni-ajax 安装uni-ajax插件

请先在控制台运行 cnpm i uni-ajax 安装uni-ajax插件

请先在控制台运行 cnpm i uni-ajax 安装uni-ajax插件

腾讯地图Key 在main.js中配置

vuex使用方法:

• 修改vuex的state中的user.name变量为图鸟小菜 => this.$t.vuex('user.name', '图鸟小菜')
• 使用： 直接 this.变量名 页面中 {{变量名}}
• 在其他js文件中使用
• • 引入：import store from '@/store'
• • 使用：store.commit('$tStore',{"name":"APP_TOKEN","value":"w"})

    mixin 使用

• import methods_mixin from '@/libs/mixin/methods_mixin.js'
• mixins: [methods_mixin],

  http请求使用

• 页面中：

  this.$api.接口方法().then(res=>{
  console.log(res)
  })

• api.js中定义接口和返回数据

  接口方法(context) {
  return new Promise((resolve) => {
      ajax.get("接口地址").then(ress => {
          resolve(ress)
      });
  })
  },

vue生命周期

• beforeCreate：会在实例初始化完成、props 解析之后、data() 和 computed 等选项处理之前立即调用。此时不能获得DOM节点
• created：在这个阶段vue实例已经创建，以下内容已经设置完成：响应式数据、计算属性、方法和侦听器。然而，此时挂载阶段还未开始，因此 $el 属性仍不可用。仍然不能获取DOM元素
• beforeMount：在组件内容被渲染到页面之前自动执行的函数，组件已经完成了其响应式状态的设置，但还没有创建 DOM 节点
• mounted：在组件被渲染之后自动执行的函数。一般我们的异步请求都写在这里。在这个阶段，数据和DOM都已被渲染出来
• beforeUpdate：数据变化的时候自动执行的函数，此时变化后的数据还未渲染到页面之上
• updated： 数据变化之后自动执行的函数，此时变化后的数据已经渲染到页面之上
• beforeUnmount： 当 Vue 应用被销毁时，自动执行的函数
• unmounted：当 Vue 应用被销毁后，且 dom 完全销毁之后，自动执行的函数

目录说明

• libs/comonents 公共组件
• libs/mixin/methods_mixin 公共混入方法
• libs/utils/http http请求相关工具

登录流程

切换tabbar页面执行方法？

• 通过 this.$refs.组件.方法() 调组件methods中的方法

关于无感刷新token

• 等接口报token失效时：使用票据获取token再次请求，
• 当票据不存在或过期时：返回登录
• 当票据有效时，刷新token和票据，并再次请求原接口获取数据

技术交流加微信：yusouu_com

进作者研发群加微信：yusouu_com

承接开发及技术指导服务