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


相关推荐
盛夏绽放6 分钟前
接口验证机制在Token认证中的关键作用与优化实践
前端·node.js·有问必答
zhangxingchao22 分钟前
Jetpack Compose 之 Modifier(中)
前端
JarvanMo22 分钟前
理解 Flutter 中 GoRouter 的context.push与context.go
前端
pe7er28 分钟前
使用 Vue 官方脚手架创建项目时遇到 Node 18 报错问题的排查与解决
前端·javascript·vue.js
听风ツ31 分钟前
固高运动控制
学习
星始流年31 分钟前
前端视角下认识AI Agent
前端·agent·ai编程
pe7er35 分钟前
使用 types / typings 实现全局 TypeScript 类型定义,无需 import/export
前端·javascript·vue.js
CH_Qing36 分钟前
【udev】关于/dev 设备节点的生成 &udev
linux·前端·网络
西岭千秋雪_38 分钟前
Redis缓存架构实战
java·redis·笔记·学习·缓存·架构
小诸葛的博客40 分钟前
gin如何返回html
前端·html·gin