tsx

vue3 中直接使用 JSX （ lang=“tsx“ 的用法）vite.config.ts 中plugins 中添加

2024已过半，还没试过在vue3中使用ioc容器吗？Vue3 已经非常强大和灵活了，为什么还要引入 IOC 容器呢？IOC 容器离不开 Class，那么我们就从 Class 谈起

Angular等了三年，那个她已经来了Angular生态丰富，功能强大，支撑了许多大型项目的开发。而且一直在前方等待着其他框架跟上。但是不得不直面的一个问题就是：“在等待其他框架跟上的这三年”，Angular在陆陆续续抛弃之前引以为豪的设计。又由于大量的历史包袱，这些设计变更又做得扭扭捏捏，做不到轻装上阵。比如NgModule之于Standalone，zone.js之于Singals，Rxjs更是一言难尽

Vue3开发新范式，不用`ref/reactive`，不用`ref.value`Cabloy-Front 是一款支持 IOC 容器的 Vue3 框架。不用ref/reactive，不用ref.value，不用pinia

x-cmd pkg | tsx - Node.js 的直接替代品tsx 代表 “TypeScript execute”，由 TypeScript 编写，内部使用由 Go 语言编写的 esbuild 核心二进制实现超快的 TypeScript 编译，旨在增强 Node.js 以无缝运行 TypeScript / ESM / CJS module 编写的脚本文件，成为 node 命令的直接替代品。

冷冷的菜哥

vue3使用tsx自定义弹窗组件我这里使用了@styils/vue，npm install @styils/vue --save-dev，在tsx文件中引入即可：import { styled } from "@styils/vue";

stencilJs学习之构建 Drawer 组件在之前的学习中，我们已经掌握了 stencilJs 中的一些核心概念和基础知识，如装饰器 Prop、State、Event、Listen、Method、Component 以及生命周期方法。这些知识是构建复杂组件和应用的基础，而抽屉组件是一个很好的示例，能够综合运用这些知识，让我们更深入地理解它们的作用和用法。