首页 > 手机应用 > 生活实用
uni-app组件

uni-app组件

开发uni-app的好帮手。

类型:生活实用

版本:v1.0.0 安卓版

大小:16.1M

时间:2023-09-13 00:10

游戏语言:中文

运行平台:Android

软件授权:免费

标签: uni-app组件编程助手实用工具

安卓版下载
uni-app组件截图
  • uni-app组件截图
  • uni-app组件截图
  • uni-app组件截图
  • uni-app组件截图
uni-app组件介绍

uni-app组件,是个人开发者“王辉”发布的uni-app标准模板演示软件,帮助各位开发者快速搭建自己的uni-app,入门简单上手快速,自定义场景丰富随心而定。

官方简介

uni-app标准模板演示

开发者可以根据该模板快速搭建属于自己的uni-app

扩展组件的意义

虽然所有的业务需求都可以通过基础组件满足,但仅有基础组件是低效的,实际开发中会有很多封装的组件。

比如我们需要一个五角星点击评分的组件,在DCloud的插件市场里可以获取到:https://ext.dcloud.net.cn/plugin?id=33

把这个uni-rate组件导入到你的uni-app项目下,在需要的vue页面里引用它,就可以在指定的地方显示出这个五角星组件。

uni-app组件

封装扩展组件的优势:

可以将组件进行任意次数的复用。

合理的划分组件,有助于提高应用性能。

代码更加方便组织和管理,并且扩展性也更强,便于多人协同开发。

组件化开发能大幅度提高应用开发效率、测试性、复用性等。

组件使用的入门教程

组件是视图层的基本组成单元。

组件是一个单独且可复用的功能模块的封装。

每个组件,包括如下几个部分:以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值。

组件名称由尖括号包裹,称为标签,它有开始标签和结束标签。结束标签的<后面用/来表示结束。结束标签也称为闭合标签。如下面示例的component-name是开始标签,/component-name是结束标签。

在开始标签和结束标签之间,称为组件内容。如下面示例的content

开始标签上可以写属性,属性可以有多个,多个属性之间用空格分割。如下面示例的property1和property2。注意闭合标签上不能写属性。

每个属性通过=赋值。如下面的示例中,属性property1的值被设为字符串value。

注意:所有组件与属性名都是小写,单词之间以连字符-连接。

uni-app组件

下面是一个基本组件的实例,在一个vue页面的根<view>组件下插入一个<button>组件。给这个组件的内容区写上文字“按钮”,同时给这个组件设置了一个属性“size”,并且“size”属性的值设为了“mini”。

注:按照vue单文件组件规范,每个vue文件的根节点必须为 <template>,且这个 <template> 下只能且必须有一个根 <view> 组件。

uni-app组件

通过了解button组件的文档,我们知道上述代码将在页面中绘制一个按钮,按钮显示的文字是“按钮”,按钮的大小是小尺寸的。

相关应用

本站所有的游戏软件下载资源皆来自互联网,如侵犯到您的权益,请发送邮件至 9072867@qq.com,我们将第一时间处理。举报入口

CopyRight©2023 XXIAOMI.COM All Right Reserved 鄂ICP备2023004516号-9

举报信息框
举报