uni-app学习（一）

最近在做uni-app小程序，之前做过vue的项目，当拿到uni-app的项目的时候，还傻白甜的尝试尝试着小程语法，譬如，setData，bind类型的事件，哈哈哈。
想想我都，开发前还是多看看官方文档吧，不要似懂非懂老是被前辈笑话。

这里插一个，我面试这家公司，面试官问我的一个问题，组件包括哪几部分。
我：由html标签，js，和css组成。啊哈哈哈哈哈

此篇记录一下：（对比vue学习）
一、组件

组件包括了以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值。

1.都是用template 来包裹内容的跟vue的无异。
2.template下只能且必须有一个根view组件。（跟vue里面的规则相同，template下只有一个跟元素）
3.变量在组件内容区使用{{bianlaing}}，（跟vue的一模一样）
4.变量在组件属性中使用，在指定的属性前面加上“：”

//官网实例
<template><view><button size="mini" :disabled="buttondisble" hover-start-time=20 >{{buttonText}}</button></view>
</template>
<script>export default {data() {return {"buttonText":"按钮","buttondisble":false}}}
</script>

5.组件的事件，（@事件也是组件的属性）
与vue的事件类型相同。
6.基础组件，是uni-app框架内置的组件，无需引入，也无需注册。
如果偷偷使用了div\span\a\navigator…等等的在编译的时候依旧会编译成uni-app的内置组件。
基础组件列表:
视图容器

view视图容器，类似于HTML中的div
scroll-view可滚动视图容器
swiper滑块视图容器，比如用于轮播banner
match-media屏幕动态适配器
movable-area可拖动区域
movable-view可拖动的视图容器，在页面中拖拽滑动或双指缩放movable-view必须在movable-area组件中
cover-view可覆盖在原生组件的上的文本组件
cover-image可覆盖在原生组件上的图片组件
基础内容
icon图标
text文本
rich-text多行文本
进度条
表单组件
button
checkbox
editor
form
input
label
picker弹出式列表选择器
picker-view窗体内嵌式列表选择器
看到这我感觉小程序真香，内置的组件太得劲，哈哈哈
radio单项选择器
slider滑动选择器
switch开关选择器
textarea多行文本输入框
总结：小程序将一些常用的模块都组件化了。在vue的基础上发展出自己的风格，我感觉很有吸引力。但是依然感谢我们的尤大神，哈哈哈哈。
2012/04/23下午记

uni-app学习（一）相关推荐

HBuilder X ——Uni app 学习笔记（一）
HBuilder X --Uni app 学习笔记(一) 1.pages.json配置 *pages数组中第一项表示应用启动页,数组中其他项为项目中所有页面路径. enablePullDownRefr ...
HbuilderX:uni app踩坑之uView-ui
HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...
切换 uniapp_万能前端框架uni app初探03：底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
uni app map 地图漂浮问题及方案
uni app map 地图漂浮问题及方案文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生 ...
uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
APICloud开发app学习（一）
APICloud开发app学习(一) 首先APICloud提供了前端框架,以及封装的内部引擎,能够直接用通过引擎生成的对象api. 一.api对象 api 对象提供了构建应用程序所需要的一些基本的方法 ...
听书 app,学习用途
Ting 项目地址:zjw-swun/Ting 简介: 听书 app,学习用途更多:作者提 Bug 标签: 我是听书重度用户,因为某喜下架了很多我喜欢听的免费资源,,比如<我当算命先生那 ...
uni app中使用图表
关于在uni app中运用图表今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...
uni app 自动化索引列表
uni app 自动化索引列表,官方推荐的第三方插件 https://ext.dcloud.net.cn/plugin?id=375 [{"letter": "A&quo ...
AI+教育 I 69天流利说APP学习浅谈自适应学习
本文梳理了目前"AI+教育"场景的典型产品,然后基于我在英语流利说APP学习的"懂你英语"."地道发音2.0"等课程的学习体验,对自适应学习 ...

uni-app学习（一）

uni-app学习（一）相关推荐

最新文章

热门文章