uniapp学习(003-1 vue3学习 Part.1)

零基础入门uniapp Vue3组合式API版本到咸虾米壁纸项目实战,开发打包微信小程序、抖音小程序、H5、安卓APP客户端等

总时长 23:40:00 共116P

此文章包含第11p-第p14的内容


文章目录

vue3使用介绍

进入vue3官方文档

官网

vue3使用的是组合式api

创建vue应用

插值表达式例子

我们使用 3.2版本后的语法糖


时间戳


随机数

输出函数的值

必须加括号 否则如下

加括号之后

ref响应式数据变量

预期是每秒变化一次 这里一直是6

我们使用响应式ref就可以了

使用 变量.value可以得到数据


字符串、数组、对象 都可以定义

可以修改值的内容

这里主要使用ref ref的实现原理也是 reactive

层级较深可以使用reactive,尤其是后续需要用到数据监视的一些数据,推荐使用reactive

v-bind 绑定

v-bind:属性 可以简写成 :属性



手写一个轮播图

使用取余 但是时间长了 会溢出,但是呢,js不会把页面退出去,只会给你返回个undefined,然后继续

不加v-bind的话 false只是个字符串

绑定 class


动态变化class

我们一般使用三目表达式

绑定style(内联样式)


相关推荐
帅云毅3 分钟前
Web3.0的认知补充(去中心化)
笔记·学习·web3·去中心化·区块链
豆豆3 分钟前
day32 学习笔记
图像处理·笔记·opencv·学习·计算机视觉
TT模板5 分钟前
苹果cmsV10主题 MXonePro二开优化修复开源版
前端·html5
拖孩6 分钟前
【Nova UI】十一、组件库中 Icon 组件的测试、使用与全局注册全攻略
前端·javascript·vue.js·ui·sass
去伪存真11 分钟前
不用动脑,手把手跟着我做,就能掌握Gitlab+Jenkins提交代码自动构部署
前端·jenkins
nenchoumi311925 分钟前
VLA 论文精读(十六)FP3: A 3D Foundation Policy for Robotic Manipulation
论文阅读·人工智能·笔记·学习·vln
凉、介31 分钟前
PCI 总线学习笔记(五)
android·linux·笔记·学习·pcie·pci
SuperSwaggySUP35 分钟前
4/25 研0学习日志
学习
天天扭码1 小时前
深入解析 JavaScript 中的每一类函数:从语法到对比,全面掌握适用场景
前端·javascript·面试
小希爸爸1 小时前
4、中医基础入门和养生
前端·后端