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等
相关推荐
2021-04-17
vue-router传参
生命是一张弓，那弓弦是梦想。——罗曼·罗兰 官网 之前我们配置过路由，这里就不多赘述如何配置了 我们聊聊如何传参 我们之前使用方式如下 1this.$router.push(page); 这里page为path，值为我们在router的index.js中配的/message/message 我们如果需要传参 则可以使用下面这种方式 123456789this.$router.push({ name: pageName, params: { userId: '123' }, query: { plan: 'private' }}); 注意这里pageName是我们在路由中配置的name而不再是path了，因为path和params一起用会导致params为空对象 按照我们上面写的，我们跳转到message页面去了 1234567891011121314151617<template> <div> {{$route.para...
2023-03-30
图片懒加载（二）
何以息谤？曰：“无辩”。何以止怨？曰：“无争”。——王通 之前写了图片懒加载 今天来一种方式： https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/img#attr-loading 采取loading="lazy"方式 延迟加载图像，直到它和视口接近到一个计算得到的距离（由浏览器定义）。目的是在需要图像之前，避免加载图像所需要的网络和存储带宽。这通常会提高大多数典型用场景中内容的性能。 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .ruben { width...
2025-02-18
scopedb官网首页
我来到这个世界，为了看看太阳和蓝色的地平线。——《城门开》 https://github.com/scopedb/scopedb-site/pull/32 最近忙着给scopedb做了一个最简单的官网首页 这里说到一些细节吧，首先是适配移动端或者说小尺寸屏幕，这里在没有移动端对应UI设计图的情况下，我们采取pc的布局，因此字体单位使用的vw 然后是这张图片，未来可能会改为带动画的，效果会比较惊艳和抢眼 首页tsx如下 123456789101112131415161718192021222324252627282930313233343536373839import React from "react";import styles from './index.module.css';import Layout from "@theme/Layout";import clsx from "clsx";function HomepageBanner(): React.JSX.Element ...
2025-09-16
echarts-for-react
话可以收回，但人生不可能这样。——席勒 https://github.com/hustcc/echarts-for-react echarts-for-react：React 下的 Apache ECharts 超简封装体验在数据可视化的世界里，Apache ECharts 以其强大、灵活和极致的交互性能，在前端圈中久负盛名。但对于 React 开发者来说，如何优雅、便捷地在 React 项目中集成 ECharts，一直是个高频需求。今天就来深度体验一把——echarts-for-react，一个极简的 ECharts React 封装库。 项目简介echarts-for-react 是由 hustcc 大佬维护的 React 封装组件，让你能在 React 应用中“丝滑”地使用 Apache ECharts。 仓库地址：hustcc/echarts-for-react 官网：https://git.hust.cc/echarts-for-react 主要语言：TypeScript Star 数：4834+ Fork 数：655+ 关键标签：echarts re...
2020-08-22
字符串的split和join
split() 将字符串拆分成数组 join() 将数组合并 参数为分隔符 两套代码 123456#JavaScriptvar str = "ruben";var array = str.split('');array.forEach(s => console.log(s));str = array.join('');console.log(str); 以及 12345678//javaString str = "ruben";String[] array = str.split("");for (String s : array) { System.out.println(s);}str = String.join("", array);System.out.println(str);
2021-12-23
codeFlask
猝然死去本无甚苦痛，长期累死倒真难以忍受。——佚名 codeFlask是一个在线代码编辑器： 官方文档：https://kazzkiq.github.io/CodeFlask/ github：https://github.com/kazzkiq/CodeFlask 代码也很简单： 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://unpkg.com/codeflask/build/codeflask.min.js"></script> </head> <body> <...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog