首页 > 其他分享 >uniapp的常用知识

uniapp的常用知识

时间:2023-03-08 23:11:07浏览次数:36  
标签:uniapp 常用 生命周期 实例 知识 调用 组件 监听 页面

3. Uniapp 中常见的组件(说几个即可)

view:视图容器。
属性名 类型 默认值 说明
hover-class String none 指定按下去的样式类。当 hover-class="none" 时,没有点击态效果
hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现点击态,App、H5、支付宝小程序、百度小程序不支持(支付宝小程序、百度小程序文档中都有此属性,实测未支持)
hover-start-time Number 50 按住后多久出现点击态,单位毫秒
hover-stay-time Number 400 手指松开后点击态保留时间,单位毫秒
icon:图标
属性名 类型 默认值 说明
type String icon的类型
size Number 23 icon的大小,单位px
color Color icon的颜色,同css的color
text:文本组件。
属性名 类型 默认值 说明 平台差异说明
selectable Boolean false 文本是否可选 App、H5、快手小程序
user-select Boolean false 文本是否可选 微信小程序
space String 显示连续空格 App、H5、微信小程序
decode Boolean false 是否解码 App、H5、微信小程序


4. Uniapp 中常用的指令语句

v-for:循环渲染 (注意加:key)

v-if :控制元素的删除添加

v-show:控制元素的显示隐藏

v-model:双向数据绑定

v-on:事件绑定(简写@)

v-bind:属性绑定(简写:)


5. Uniapp 应用的生命周期、页面的生命周期、组件的生命周期.

一、应用的生命周期
1.onLaunch——当uni-app 初始化完成时触发(全局只触发一次)

2.onShow——当 uni-app 启动,或从后台进入前台显示

3.onHide——当 uni-app 从前台进入后台

4.onError——当 uni-app 报错时触发

5.onUniNViewMessage——对 nvue 页面发送的数据进行监听,可参考 nvue 向 vue 通讯

6.onUnhandledRejection——对未处理的 Promise 拒绝事件监听函数(2.8.1+)

7.onPageNotFound——页面不存在监听函数

8.onThemeChange——监听系统主题变化

二、页面的生命周期
1.onInit——监听页面初始化,其参数同 onl oad 参数,为上个页面传递的数据,参数类型为 Object(用于页面传参),触发时机早于 onl oad

2.onLoad——监听页面加载,其参数为上个页面传递的数据,参数类型为 Object(用于页面传参),参考示例

3.onShow——监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面

4.onReady——监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发

5.onHide——监听页面隐藏

6.onUnload——监听页面卸载

7.onResize——监听窗口尺寸变化
三、组件的生命周期
uni-app 组件支持的生命周期,与vue标准组件的生命周期相同

1.beforeCreate——在实例初始化之后被调用。

2.created——在实例创建完成后被立即调用。

3.beforeMount——在挂载开始之前被调用。

4.mounted——挂载到实例上去之后调用。详见 注意:此处并不能确定子组件被全部挂载,如果需要子组件完全挂载之后在执行操作可以使用$nextTickVue官方文档

5.beforeUpdate——数据更新时调用,发生在虚拟 DOM 打补丁之前。

6.updated——由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子。

7.beforeDestroy——实例销毁之前调用。在这一步,实例仍然完全可用。

8.destroyed——Vue 实例销毁后调用。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。

标签:uniapp,常用,生命周期,实例,知识,调用,组件,监听,页面
From: https://www.cnblogs.com/wanglijun/p/17196645.html

相关文章

  • LabVIEW|知识点:值属性节点、局部变量、数据连线三种方式的传递效率
    这是类似的线程切换导致效率低下的问题,出现在调用动态链接库的情况下,也出现在使用属性节点和方法节点时。比如,设置一个控件的值有三种常用方法。对于显示控件而言,可以直接通......
  • Docker CLI docker buildx imagetools create 常用命令
    Docker是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的Linux或Windows操作系统的机器上,也可以实现虚拟化。Doc......
  • 持久化技术Mybatis知识精讲【形成知识体系之路】
    环境要求JDK1.8及以上版本MySQL数据库ApacheMaven3.6.1构建工具IDEA/VSCode/Eclipse开发工具任选其一思维导图:XmindZEN技术要求熟悉Java语言熟悉数......
  • Activity的一些知识
    今天也是蛮生气的,本来写了一大篇幅的笔记,结果保存草稿完之后博客园崩了一下,全没了,算了,重新写一份吧首先是关于AndroidManifest.xml的一些介绍  每个活动对应一个标......
  • 0.vim常用命令
    为了方便,记录以下经常用到的vim命令1.正常模式命令按键作用i插入光标到左侧a插入光标到右侧o新增下一行O新增上一行G光标移动到文件末尾......
  • LabVIEW|知识点:设计模式
    1、简单设计模式设计:需求-----方案架构1)简单VI模式:通常无需用户执行指定启示或停止工作。2、状态机1)表示状态的量(枚举/字符串)2)条件结构3)移位寄存器标准设计:1、使用......
  • MySQL查看数据库性能常用命令和实战教学
    MySQL查看数据库性能常用命令#列出MySQL服务器运行各种状态值showglobalstatus;#查询MySQL服务器配置信息语句showvariables;#慢查询showvariableslike'%sl......
  • C# Math 中的常用的数学运算
    C#Math中的常用的数学运算 阅读目录〇、动态库System.Math.dll一、舍弃小数位处理1.四舍五入Math.Round()2.进一法Math.ceil()和舍弃法Math.Floor()......
  • 项目管理十大知识领域及五大过程组
    项目管理十大知识领域项目管理最本质的内容就是整合管理,项目的范围、时间、成本、质量、人力资源、沟通、风险、采购与干系人管理等,都是为了最终实现项目的整合管理。这十......
  • uniapp 使用 socket.io通讯 服务端nodejs+express
    uniapp安装: npmisocket.io-clientonLoad:function(){ var_this=this; _this.socket=io.connect('http://localhost:30000/',{transports:['websock......