vue3

Sheldon一蓑烟雨任平生1 天前
vue.js·vue3·v-for·列表渲染·vue3 列表渲染·v-for 循环对象·v-for与计算属性
Vue3 列表渲染在 Vue 模板中,我们通常使用内置指令 v-for 来遍历数组,从而进行列表的渲染。以上代码中,items 是遍历的数组数据源,item 为迭代项的别名(别名没有强制要求,可根据情况而定),index(也可修改为其他英文,比如itemIndex,避免多重遍历时的重名) 为当前迭代项的数组下标。
duansamve2 天前
typescript·vue3
TS在Vue3中的使用实例集合ref:通过泛型指定类型(复杂类型推荐显式声明)。reactive:通过接口定义对象结构。计算属性的返回值类型会自动推断,也可显式指定。
ღ᭄ꦿ࿐Never say never꧂2 天前
spring boot·微信小程序·小程序·uni-app·vue3
微信小程序 Button 组件 open-type 完全指南:从用户信息获取到客服分享的实战应用在微信小程序的开发过程中,**button 组件提供了一个特殊的 open-type 属性,**这个属性让开发者能够调用平台提供的各种系统级功能。当我们需要获取用户的头像、昵称、手机号等信息,或者需要调用分享、客服等功能时,就必须通过这个属性来实现。与普通的 API 调用不同,open-type 必须由用户主动点击按钮触发,这样的设计既保护了用户隐私,又符合各个小程序平台的规范要求。
Sheldon一蓑烟雨任平生3 天前
vue.js·vue3·class与style绑定·绑定class·绑定style·vue3绑定class·vue3绑定style
Vue3 Class 与 Style 绑定我们可以给 :class (v-bind:class 的缩写) 传递一个对象来动态切换 classactive 类是否存在,取决于isActive 的值。
昔冰_G12 天前
vue.js·缓存·vue3·vue2·keep-alive·vue组件缓存·vue内置组件
Vue内置组件KeepAlive——缓存组件实例keep-alive 是一个Vue内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例,而不是销毁它们。
wxr061613 天前
前端·javascript·vue.js·阿里云·vue3·springboot
部署Spring Boot项目+mysql并允许前端本地访问的步骤复制下载复制下载复制下载复制下载复制下载nginx复制下载bash复制下载nohup java -jar /path/to/ruoyi-admin.jar &
知识分享小能手14 天前
前端·javascript·学习·程序人生·微信小程序·小程序·vue3
微信小程序入门学习教程,从入门到精通,微信小程序开发进阶(7)微信小程序允许开发者通过 Component() 构造器创建自定义组件。组件包含四个文件:.json(配置)、.wxml(结构)、.wxss(样式)、.js(逻辑)。
上单带刀不带妹20 天前
前端·javascript·vue.js·vue3·api
Vue3 全局 API 转移详解目录一、什么是全局 API?二、Vue3 为什么要转移?三、Vue3 的全局 API 转移四、常见 API 的迁移对照表
雪山上的小灰熊22 天前
javascript·typescript·uni-app·vue·vue3·vite·hooks
UNIAPP如何自定义全局方法?最近再写uniapp的时候,发现工作中有些小伙伴对于如何定义一些全局方法不是很清楚,无法清晰地去封装和完善公共方法,这里简单的介绍一下
路光.25 天前
前端·单例模式·typescript·vue3
统一配置管理根据不同域名展现不同信息或相近信息 Vue3类单例模式封装我的项目在各种不同的域名使用,在不同域名需要展现的信息也不同,我就想要去做如何能统一管理1.单例模式就是,通过 export const clientManager = new ClientManager();创建并导出唯一的实例
Wiktok1 个月前
vue3·pureadmin
【pure-admin】pureadmin的登录对接后端pureadmin的登录对接后端在这个项目中,登录对接后端的路由主要通过以下几个部分实现:登录成功后获取后端路由的核心函数是 initRouter(),它定义在:
Wiktok1 个月前
前端·vue3·pureadmin
【Wit】pure-admin后台管理系统前端与FastAPI后端联调通信实例在开始之前,先贴一下pure-admin的目录架构说明:首先需要在vite.config.ts添加如下代码:
Wiktok1 个月前
前端·mock·vue3
前后端开发Mock作用说明,mock.ts在前端开发中,mock.ts 通常是用于存放 Mock 数据 相关代码的 TypeScript 文件。Mock 技术主要用于在后端接口尚未开发完成时,前端可以通过模拟虚假数据来进行开发和测试,保证前后端开发的并行进行。
知识分享小能手1 个月前
前端·javascript·vue.js·学习·react.js·ajax·vue3
React学习教程,从入门到精通,React AJAX 语法知识点与案例详解(18)在 React 中,AJAX 请求通常在组件生命周期方法或 Hooks 中发起,用于从服务器获取数据并更新组件状态。
Wiktok1 个月前
前端·vue3·pureadmin
pureadmin的动态路由和静态路由在 PureAdmin(基于 Vue3 的后台管理框架)中,静态路由和动态路由是实现路由管理的两种方式,主要区别在于路由的定义时机、加载方式和灵活性,具体区别如下:
Jinuss1 个月前
前端·vue3
Vue3源码reactivity响应式篇之watch实现在vue3中,响应式数据的变化会触发watch和watchEffect中的参数函数,而二者都是基于reactivity包中的watch方法实现,其实现路径为packages\reactivity\src\watch.ts。这两个watch不是一回事。watch和watchEffect是基于本文的watch实现的,是vue3导出给用户使用的API接口,而本文中的watch是在reactivity中定义的,在整个vue3中,其命名为watch$1,vue3在packages\runtime-core\src\
知识分享小能手1 个月前
前端·javascript·vue.js·学习·react.js·前端框架·vue3
React学习教程,从入门到精通,React 组件生命周期详解(适用于 React 16.3+,推荐函数组件 + Hooks)(17)⚠️ 重要说明:自 React 16.3 起,部分生命周期方法被标记为不安全(如 componentWillMount, componentWillReceiveProps, componentWillUpdate),并在 React 17 中被移除。目前推荐使用函数组件 + Hooks(如 useEffect, useLayoutEffect)来管理副作用和生命周期。但为了知识完整性,本文将同时介绍类组件的完整生命周期和现代函数组件的等效写法。
哆啦A梦15881 个月前
前端·vue.js·uni-app·vue3
uniapp分包实现特性,详见编译到微信小程序平台下的项目设置。注意: 使用微信小程序手势组件会强制开启 ES6 转 ES5
叫我阿柒啊1 个月前
java·数据库·微服务·typescript·前端框架·vue3·springboot
从Java全栈到前端框架的实战之路在一次技术面试中,一位拥有多年经验的Java全栈开发工程师展示了他在多个项目中的技术积累和实际应用。他不仅精通后端开发,还在前端领域有深入的理解,尤其是在Vue3和TypeScript的应用上表现突出。
朝阳391 个月前
npm·vue3·图标组件
vue3图标终极方案【npm包推荐】vue3-icon-sui(含源码详解)为彻底实现 vue3 项目图标自由,特开发此 npm包 vue3-icon-sui,全品类图标,通通支持!