uniapp的基础知识：

最新推荐文章于 2025-03-17 21:02:08 发布

m0_72542212

最新推荐文章于 2025-03-17 21:02:08 发布

阅读量632

点赞数

文章标签：微信小程序前端小程序

本文链接：https://blog.youkuaiyun.com/m0_72542212/article/details/131282495

版权

本文介绍了uniapp的基础知识，包括常见的组件如view、icon、text的属性与用法，以及常用的指令语句如v-for、v-if、v-model等。此外，详细阐述了uniapp应用、页面和组件的生命周期，帮助开发者理解各阶段的触发时机。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 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、微信小程序

2. Uniapp 中常用的指令语句

v-for：循环渲染（注意加：key）

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

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

v-model：双向数据绑定

v-on：事