组件文件夹必须为components才会出现新建组件的选项组件的使用和注册test组件<template> <view> 这是test组件 这是父组件传递过来的数据{{title}} <button @click="sendnum">给父组件传值</button> </view></template><script> export default { props:['title'],

导航页面<template> <view> <view>导航跳转的学习</view> <navigator url="../detail/detail?id=80">跳转至详情页</navigator> <!-- 跳转到tabbar页面 需设置open-type="switchTab"--> <navigator url="../message/message" open-type="switc

uni-app官网

<image v-for="(item,index) in imgArr" :src="item" @click="previewImage(item)"> methods:{ chooseImg(){ uni.chooseImage({ count:5, success:res=> { console.log(res) this.imgArr=res.tempFilePaths } }) }, .

setStorage(){ // 异步 uni.setStorage({ key:'id', data:80, // 存储成功的回调函数 success(){ console.log('存储成功') } }) }, getStorage(){ uni.getStorage({ key:'id', success(res) { console.log('获取成功',re..

<button @click="get">发送get请求</button>methods:{ pulldown(){ uni.startPullDownRefresh() }, get(){ uni.request({ // 接口地址 url:"https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata", // 请求的参数 // da.

下拉刷新<template> <view> <view>这是列表页</view> <view v-for="item in list"> {{item}} </view> <button @click="pulldown">下拉刷新</button> </view></template><script> export default{

应用的生命周期函数名 说明 onLaunch 当uni-app初始化完成时触发（全局只触发一次） onShow 当uni-app启动，或从后台进入前台显示 onHide 当uni-app从前台进入后台 onError 当uni-app报错时触发 页面的生命周期函数名 说明 onLoad 监听页面加载，参数为上个页面传递的数据，参数类型是Object（用于页面传参） onShow 监听页面显示，页面每次出现在屏幕上都触..

基本的数据绑定和vue一样<template> <view> <view>数据绑定的学习</view> <view>{{msg}}</view> <view>{{1+'你好'}}</view> <view>{{1+1}}</view> <view>{{flag?'真':'假'}}</view> </view>&..

@import语句导入外联样式支持基本常用选择起,class,id,element等不支持*选择器page相当于body节点定义在App.vue中的样式为全局样式，作用于每一个页面，会被页面样式覆盖

uni-app官网Text<template> <view> <view> <text>唱歌跳舞打篮球</text> </view> <view> <text selectable>唱歌跳舞打篮球 可选中</text> </view> <view> <text space="ensp">唱歌 跳舞打篮球 根据中文

全局配置{ "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index" } ], "globalStyle": { // 导航栏文字颜色 "navigationBarTextStyle": "black", // 全局标题文字 "navigationBarTitleText": "????是全局配置", /

目录结构pages 存放页面文件static 存放静态资源文件unpackage 存放打包生成文件App.vue 我我们根组件，所有页面都是在App.vue下进行切换的，是页面入口文件，可以在里边调用生命周期函数main.js 项目的入口文件manifest.json 配置应用打包的配置pages.json 整个项目页面的存放路径以及窗口的外观uni.scss 常用的样式变量开发规范页面文件遵循Vue单文件组件(SFC)规范组件标签靠近小程序规范，详见uni-..