veaury
发表于|更新于
|浏览量:
没有意义的事物是最美丽的。——《新名字的故事》
昨天分享了vuera
今天再分享一个同类型库veaury,属于是vuera的新版库
中文文档:https://github.com/devilwjp/veaury/blob/master/README_zhcn.md

什么是Veaury?
Veaury 是基于React和Vue3的工具库,主要用于React和Vue在一个项目中公共使用的场景,主要运用在项目迁移、技术栈融合的开发模式、跨技术栈使用第三方组件的场景。
重要功能
- 🌞 支持 Vue3
- 🌈 支持 Context - 同一个应用中出现的vue组件和react组件的context是共享的.
- 💗 支持跨框架的hooks调用 - 可以在react组件中使用vue的hooks,获取到vue组件或者应用的上下文数据,比如vue-router、vuex,也可以在vue组件中使用react的hooks,获取到react组件或者应用的上下文数据,比如react-router、provide、context等
相关推荐
2020-09-17
一篇,让你会写原生ajax
在这个社会转型期,最大的悲剧不是坏人的嚣张,而是好人的过度沉默。——马丁·路德·金 非常简单啦~ 大家可以拿去任意定制,比如请求方式使用参数传入、指定参数类型、调用时控制是否同步等 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109var Ajax = { /** * get参数格式化,转换对象成url方式 * @param data 对象 转换前: {"username":"ruben","password":"achao"} * @returns &...
2024-09-15
Vitest集成github action
精神上最好的避难所还是书本:它们既不会忘了你,也不会欺骗你。——罗曼·罗兰 我们已经知道vitest是一个很好用的单元测试框架,我们今天聊一下如何在github action集成vitest 首先我们创建项目 1234567891011121314151617181920212223242526272829303132333435363738394041424344Last login: Mon Sep 9 16:43:09 on ttys004 The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`.For more details, please visit https://support.apple.com/kb/HT208050.Github-Id-VampireAchao:streampark achao$ cd /Users/achao/IdeaProjects/simple-vitest# 安装vitest...
2021-05-12
vue子组件调用父组件方法
强迫学习的东西是不会保存在心里的。——《柏拉图论教育》 首先我们在子组件中这样定义 123456789101112131415<template> <div> <el-button @click="callSuper">123</el-button> </div></template><script>export default { methods: { callSuper() { this.$emit('parentEvent', '我的'); } }};</script> 这里的组件就只有一个el-button,点击后执行callSuper函数 里面这行this.$emit('parentEvent', '我的');表示 调用在父组件 引用子组件时 传入的事件 例如我这里调用了parentEvent,传入了个“我的”...
2025-04-29
vue-countTo
从工作里爱了生命,就是通彻了生命最深的秘密。 —— 纪伯伦 https://github.com/PanJiaChen/vue-countTo/https://panjiachen.github.io/countTo/demo/ vue-countTo:一个简单高效的数字递增动画组件在前端开发中,数字递增动画是一种常见的交互效果,通常用于数据展示和统计页面。vue-countTo 是一个轻量级的 Vue 组件,可以快速实现目标数字递增的动画效果,让你的项目更加生动和吸引人。 什么是 vue-countTo?vue-countTo 是由 PanJiaChen 开发的一个 Vue.js 组件,用于在指定的时间内将数字从起始值递增到目标值。它简单易用,且支持高度定制化,适合各种场景的数字动画需求。 核心特点: 轻量化:组件体积小,性能优异。 易于使用:通过简单的配置即可实现数字递增动画。 高度定制:支持设置起始值、目标值、持续时间以及动画的回调函数。 Vue.js 集成:无缝嵌入 Vue 项目,兼容性强。 使用场景vue-countTo 适用于以下常见场景: 数据统计展示在...
2023-07-12
movyjs
早知如此绊人心,何如当初莫相识。 ——李白 分享一个开源项目 https://github.com/rossning92/movy 这是一个生成动画/视频的js库 它可以方便地创建动画,也可以直接转换为视频 例子:movy.js Editor
2024-05-17
处理js的JSON.parse中Number太长导致精度丢失问题
大自然的真实和单纯,常是重要艺术极点的基础。——恩格斯 代码如下: 1"token".split(".").slice(0,2).map(i=>JSON.parse(atob(i))) 这里主要是 JSON.parse 导致的,我简单复现一下 1JSON.parse('{"id":9052710354240385291}') 得到的是 1{id: 9052710354240385000} 可以看到后面的 291 变为 000 了 解决方式这里使用正则匹配 /:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g 例如: 123456JSON.parse('{"id":9052710354240385291}'.replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => { ...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog