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(内联样式)


相关推荐
CodeSheep几秒前
JetBrains官宣,又一个IDE可以免费用了!
前端·后端·程序员
刘新明19892 分钟前
Frida辅助分析OLLVM虚假控制流程(下)
java·开发语言·前端
澄澈i6 分钟前
CMake学习篇[3]---CMake进阶+嵌套CMakeLists+多层级关系
c++·学习·cmake
Camellia031111 分钟前
为第二次考核的电控学习
学习
茯苓gao19 分钟前
电路学习(一)
学习
2501_9151063219 分钟前
苹果软件加固与 iOS App 混淆完整指南,IPA 文件加密、无源码混淆与代码保护实战
android·ios·小程序·https·uni-app·iphone·webview
江城开朗的豌豆19 分钟前
小程序登录不迷路:一篇文章搞定用户身份验证
前端·javascript·微信小程序
aesthetician24 分钟前
React 19.2.0: 新特性与优化深度解析
前端·javascript·react.js
2501_9159214327 分钟前
iOS 26 崩溃日志解析,新版系统下崩溃获取与诊断策略
android·ios·小程序·uni-app·cocoa·iphone·策略模式
FIN666839 分钟前
射频技术领域的领航者,昂瑞微IPO即将上会审议
前端·人工智能·前端框架·信息与通信