小程序框架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

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

相关推荐

用canvas消除锯齿的方式

不和不可以接物，不严不可以驭下。——林逋分享几种canvas消除锯齿的方式 1. 线条坐标增加0.5123456789<canvas id="canvas1" width="200" height="200"></canvas><script> var canvas = document.getElementById('canvas1'); var ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.moveTo(0, 0.5); // 使用0.5增量对齐像素 ctx.lineTo(200, 0.5); // 绘制一条边缘清晰的直线 ctx.stroke();</script> 2. 使用高清画布1234567891011<canvas id="canvas2" style="width:200px; height:200px...

暴食杀人多于利剑杀人。——伯里兹分享一个框架封装了GitHub的API调用 GitHub - octokit/octokit.js: The all-batteries-included GitHub SDK for Browsers, Node.js, and Deno. 等于是一个SDK 目前，GitHub 维护以下语言/框架/平台的 SDK： JavaScript / TypeScript C# / .NET Ruby Terraform provider 还有 2 个 SDK，它们是根据 GitHub 的 OpenAPI 描述生成的！ C# / .NET Go 浏览器里安装： 123<script type="module">import { Octokit, App } from "https://esm.sh/octokit";</script> 示例：获取经过身份验证的用户的用户名。 12345678// C...

wangEditor接入阿里云OSS

我唯一知道的就是自己无知。——苏格拉底最有学问和最有见识的人总是很谨慎的——卢梭我们昨天接入了wangEditor富文本编辑器今天我们试着将阿里云OSS集成进wangEditor 首先我们先使用vue在页面渲染结束后调用初始化wangEditor 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>OSS上传Demo</title> <link href="/css/elementUI.css" rel="stylesheet"> <script src="/js/jquery-3.5.1....

vue查看组件

人死像熟透的梨，离树而落，梨者，离也。——《活着》最近在折腾 Vue.js，发现了一个挺有意思的东西，叫 Vue.options.components。先来个大概的解释，这货就是 Vue.js 用来存储全局组件的一个对象。每次你注册个全局组件，它就会乖乖地跑到 Vue.options.components 里去。什么是 Vue.options.components？简单说，Vue.options.components 就是 Vue.js 全局组件的家。你每次用 Vue.component 注册个组件，它就会被扔进这个家里，然后你在任何地方都能用到它。感觉像是个全局变量，不过是专门为组件准备的。全局注册组件先来个全局注册组件的例子吧，感觉这个比较好理解： 123Vue.component('my-component', { template: '<div>这是一个自定义组件！</div>'}); 这个时候，你可以通过 Vue.options.components 看到你刚才注册的组件：...

typescript-exercises

要随时牢记在心中：决心取得成功比任何一件事情都重要。——林肯分享一个学习typescript练习的开源项目 github: https://github.com/typescript-exercises/typescript-exercises 网站： https://typescript-exercises.github.io/ 这里有不同的练习，目前是16个，例如： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103/*Welcome to: ................................................................ . ...

vue3中css里的v-bind

一旦别人问起自己想要什么，那一刹那反倒什么都不想要了。——太宰治官方文档：状态驱动的动态 CSS 编写一个组件： 123456789101112131415161718192021222324252627<template> <div class="ruben"> <p>You clicked {{ count }} times</p> <button @click="increment">Click me</button> </div></template><script>export default { data() { return { count: 1 } }, methods: { increment...

阿超

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

数据加载中