uiniapp使用

这里写目录标题

  • 在微信小程序中打开
    • 1. 先打开微信开发者工具安全设置
    • 2.uniapp设置
  • 生命周期
    • App.vue 小程序的生命周期是小程序的
    • 页面的生命周期是小程序(组件用的vue)
    • 组件的生命周期是vue的
  • 事件,属性设置用vue
  • 标签是小程序的,语法用的vue
  • 新建一个页面
  • 条件编译
  • 打包
    • 云打包
      • 原生App云打包
      • 配置打包权限
      • 小程序打包
    • 离线打包
  • 使用vuex
  • 传值
    • 父传子
    • 子传父
    • 兄弟$ emit , $ on
    • provide/inject 祖孙
    • 其他使用Vuex
  • uniapp使用vant weapp
  • 自定义tabBar
    • 一 使用自己写的插件
      • 0.先配置好packages.json
    • 1.创建tabar组件
    • 2. 每个页面使用
    • 二 使用uview的tabbar插件
      • 1.创建tabbar.vue组件
      • 2.配置pages.json的tabbar
      • 3.页面使用
  • 使用阿里巴巴矢量图icon
    • 1. icon图标库下载
    • 2. 页面style设置
  • 3.页面使用
  • nvue和vue的区别
  • SDK 软件开发工具包
  • 支付
    • ios
    • 安卓
  • uvue uni-app 的一种渲染方式
    • 使用场景
    • css 不同
    • nvue和vue通信
      • nvue——>vue
      • vue——>nvue
  • 腾讯IM实时通讯
  • uniapp配置easycom
  • manifest.json设置
  • app-plus自定义导航栏
    • 左右按钮
    • 中间搜索框
  • 三方登录
  • uniapp的支付
  • bug
    • 1.上下滑动对应
  • ucharts图表 (像echarts)
  • echart 图表使用renderjs
  • mescroll-uni
  • uniapp中返回上一页传值的方法,getCurrentPages()

在微信小程序中打开

1. 先打开微信开发者工具安全设置

uiniapp使用
uiniapp使用

页面的生命周期是小程序(组件用的vue)

pages下的.vue文件是页面

项目 Value
电脑 $1600
onLoad 监听页面加载,其参数为上个页面传递的数据,参数类型为 Object(用于页面传参) wx.navigateTo({ url: ‘/pages/page6/page6d=1001’, })另一个页面onLoad获取
onShow 监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面
onReady 监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发
onHide 监听页面隐藏
onUnload 监听页面卸载
onResize 监听窗口尺寸变化 App、微信小程序、快手小程序
onPullDownRefresh 监听用户下拉动作
onReachBottom 页面滚动到底部的事件
onShareAppMessage 用户点击右上角分享(小程序)

uiniapp使用

事件,属性设置用vue

标签是小程序的,语法用的vue

新建一个页面

在pages文件夹上右键新建页面

uiniapp使用

css写法

打包

云打包

云打包即使通过官方在云服务器已经提供好的打包环境进行打包,不用用户在本地再进行环境搭建进行打包。
会有打包慢的情况

原生App云打包

uiniapp使用
打包完成之后会有一个压缩包,安卓手机可以直接打开
ios需要签名

配置打包权限

uiniapp使用

离线打包

添加链接描述

如果使用了自己开发组件,或者h5+plus没集成的第三方插件 或者是有一些其他的骚操作那么肯定是要使用离线打包的

  1. 下载Android Studio
  2. 下载android 离线SDK(注意版本)
  3. 发行原生app本地打包(注意appid要相同)

使用vuex

uiniapp可以直接使用vuex

创建文件夹store 存放store.js

uiniapp使用

main.js中引入

页面使用

传值

父传子

子传父

兄弟$ emit , $ on

provide/inject 祖孙

其他使用Vuex

uniapp使用vant weapp

添加链接描述

自定义tabBar

一 使用自己写的插件

0.先配置好packages.json

只需要将页面路径放进去就可以

来源:西瓜味白桃汽水

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年11月1日
下一篇 2022年11月1日

相关推荐