小程序框架vue-mini

发表于2024-08-13|更新于2026-02-24

|浏览量:

即使对于君主，研究学问的道路也是没有捷径的。——阿基米德

分享一个基于 Vue 3 的小程序框架

https://vuemini.org/

https://github.com/vue-mini/vue-mini

Vue Mini 是一个基于 Vue 3 的小程序框架，它能让你用组合式 API 写小程序。与某些小程序开发方案不同的是 Vue Mini 核心仅仅是一个轻量的运行时库，它既不依赖任何编译步骤，也不涉及任何 Virtual DOM。并且 Vue Mini 从一开始就被设计为能跟小程序原生语法协同工作，你甚至能在同一个页面或组件内混用原生语法与 Vue Mini，这能让你很轻松的将其整合进既有项目中。当然，你也能完全使用 Vue Mini 开发一个小程序。

Vue Mini 仅聚焦于小程序逻辑部分，也就是 JS 部分，它并不影响小程序的模版、样式及配置。

快速创建

npm create vue-mini@latest
cd <your-project-name>
npm install
npm run dev

然后就可以用微信开发者工具打开

相关推荐

青春是一种持续的陶醉，是理智的狂热。——拉罗什富科作为vue的动画框架 https://github.com/Bug-Duck/vuemotion 目前属于非常崭新的项目，但是其积累是源自于newcar，因此备受期待 VueMotion 是一个现代动画引擎，就像 Python 的 Manim for Vuejs 生态系统一样，它提供了大量的小部件来帮助用户快速制作动画和视频。并且它具有很高的可扩展性，这意味着您可以轻松创建自己的动画风格。 VueMotion 的前身是 Newcar 动画引擎，但后来因为一些特殊原因停止了开发。如果你是 Newcar 的老用户，欢迎你迁移到 VueMotion。其团队也是非常之年轻，还在读高中就已经开始做开源 Roadmap Basic Widget Arc Group Line Polygon Rect Text Image Mask Webview Polyline Animations move rotate scale create destroy stroke...

海内存知已，天涯若比邻。——王勃 Vela：为 Web 而生的可扩展金融图表核心项目地址：https://github.com/LuxAlgo/Vela 金融图表从来不只是几根蜡烛和几条均线。当一张图表真正进入产品，它往往需要承载行情数据、实时更新、不同周期、指标系统、用户绘图、主题样式、多个图表单元、状态恢复、键盘操作、数据源切换，以及持续演进的自定义能力。 Vela 试图把这些需求收拢为一套面向 Web 的金融图表基础设施。它提供快速、可扩展的金融图表能力，采用原生 WebGL2 渲染，并提供 Canvas 2D 后备方案。它的图表核心保持无界面状态，开发者可以完全通过代码驱动图表；如果希望快速得到完整的图表应用，也可以直接使用 workspace。 Vela 的设计并不要求开发者在“灵活”与“完整”之间二选一。需要完全掌控时，可以直接使用 headless core。需要一套具备常用交互能力的图表界面时，可以使用 workspace。需要接入自定义数据、脚本语言、图表类型或渲染层时，可以通过公开接口进行扩展。一张图表，不必被界面结构绑死Vela 的一个核心特...

Failed to resolve loader: less-loader

但愿苍生俱饱暖，不辞辛苦出山林。一一于谦本来我今天遇到这个问题了 1Failed to resolve loader: less-loader You may need to install it 我一看：你可能需要安装一下less-loader，我直接输入命令安装 1cnpm i less-loader 执行完毕，再次运行发现报错信息变了： 1TypeError: this.getOptions is not a function 原来是版本太高了，于是卸载 1cnpm uni less-loader 然后安装低版本的 1cnpm i less-loader@6.0.0 再次启动就好了

多数人在心底蔑视德，但很少有人轻视荣誉。——沃夫拿格分享一个vue的组合式api封装库vueuse github：https://github.com/vueuse/vueuse 官档：https://vueuse.org/ 大致用法： 12345678910111213141516171819202122import { useLocalStorage, useMouse, usePreferredDark } from '@vueuse/core'export default { setup() { // tracks mouse position const { x, y } = useMouse() // is user prefers dark theme const isDark = usePreferredDark() // persist state in localStorage const store = useLocalStorag...

typescript-exercises（十二）

人民是土壤，它含有要切事物发展所必需的生命汁液；而个人则是这土壤上的花朵与果实。——别林斯基题目： 123declare module 'stats' { export function getMaxIndex(input: unknown, comparator: unknown): unknown;} 报错： 123456789101112131415index.ts(3,5): error TS2305: Module '"stats"' has no exported member 'getMaxElement'.index.ts(4,5): error TS2724: Module '"stats"' has no exported member 'getMinIndex'. Did you mean 'getMaxIndex'?index.ts(5,5): error TS23...

TinyVue组件库

君子不隐其短，不知则问，不能则学。——董仲舒文档： TinyVue：一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 Vue 3，支持 PC 端和移动端代码： https://github.com/opentiny/tiny-vue 在项目的根目录中，打开控制台，执行以下命令，为 Vue 3.0 的项目安装 TinyVue 组件库： 123yarn add @opentiny/vue@3# 或者npm install @opentiny/vue@3 或者执行以下命令，为 Vue 2.0 的项目安装 TinyVue 组件库： 123yarn add @opentiny/vue@2# 或者npm install @opentiny/vue@2 如果是Vite 工程，安装完依赖后，修改项目的 vite.config.js ，添加以下代码突出显示的部分： 1234567891011// vite.config.jsimport { defineConfig } from 'vite'import vue from &#x...

阿超

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

数据加载中