小程序框架vue-mini
发表于|更新于
|浏览量:
即使对于君主，研究学问的道路也是没有捷径的。——阿基米德
分享一个基于 Vue 3 的小程序框架
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 部分，它并不影响小程序的模版、样式及配置。
快速创建
1 | npm create vue-mini@latest |
然后就可以用微信开发者工具打开
相关推荐
2025-08-08
JSONStream
好学近乎知，力行近乎仁，知耻近乎勇。一一《中庸》 https://github.com/dominictarr/JSONStream 轻松处理超大 JSON 数据流！—— 走进 @dominictarr/JSONStream 的流式解析世界 在现代 Web 和 Node.js 开发中，JSON 是数据交换的事实标准。然而，当我们面对海量 JSON 文件或数据流时，如何才能既高效又优雅地处理它们？这正是 @dominictarr/JSONStream 的魅力所在！ 项目简介@dominictarr/JSONStream 是一款专为 Node.js 设计的流式 JSON 解析与生成工具。它让你能够像操作水管一样，顺畅地“串联”各种数据流，无论是处理本地超大 JSON 文件，还是应对高并发的 API 响应，都能游刃有余。 你可以用最简洁的方式将其与 Node.js 的 stream 体系结合： 1rawStream.pipe(JSONStream.parse()).pipe(streamOfObjects) JSONStream 支持从流中解析...
2024-09-18
vue2使用vite过渡
君子藏器与身，待时而动。——佚名 项目介绍 vite-plugin-vue2 是一个 Vite 插件，专门用于在 Vite 项目中支持 Vue 2。Vite 是一个基于 ES Module 的现代构建工具，它以极速启动、模块热替换（HMR）和极快的构建速度而闻名。然而，Vite 最初只支持 Vue 3，而 vite-plugin-vue2 插件使得开发者能够在不升级到 Vue 3 的情况下，继续享受 Vite 的高效开发体验。 通过这个插件，开发者可以在 Vue 2 项目中体验到 Vite 的快速启动、热重载和高效打包，而无需迁移到 Vue 3。这为那些已经深度使用 Vue 2 的项目提供了极大的便利。 主要特点： Vue 2 支持：在 Vite 项目中使用 Vue 2，无需进行复杂的配置或迁移。 现代开发体验：支持 Vite 的快速启动、热模块替换（HMR）、高效的编译和打包。 兼容性：与现有的 Vue 2 项目无缝集成，不影响现有代码库的运行。 GitHub地址 GitHub 仓库：vitejs/vite-plugin-vue2 官方文档提供了详...
2020-09-02
js获取url上的参数
获取url上的参数 123456789101112function getUrlParam(name) { if (name == null) { return name; } var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) { //return unescape(r[2]); return r[2]; } return null; } 1console.log(getUrlParam("id"));
2022-04-03
vue中特殊的prop和事件
懒惰等于将一个人活埋。——泰勒 我们知道v-model可以用于input等标签，当做语法糖进行绑值 对于我们自定义的组件，其实也可以使用 官方文档 例如此处我们可以让input改变值时，父组件绑定的值一并改变 1234567891011121314151617<template> <input type="checkbox" :checked="value" @change="$emit('input', $event.target.checked)" /></template><script> export default{ props:{ value:{ type:Boolean, default:()=>false } ...
2022-08-21
webpack
细砂般数不尽的星，有颗向我眨眼睛。——芥川龙之介《侏儒的话》 摘自芥川龙之介的《侏儒的话》。 首先是官方文档：https://webpack.docschina.org/ 本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。 接下来我们跟着快速上手一下，将一个普通的html文件使用webpack改造 https://webpack.docschina.org/guides/getting-started 创建目录，安装依赖 1234mkdir webpack-democd webpack-demonpm init -ynpm install webpack webpack-cli --save-dev 新建index.html 1234567891011<!DOCTYPE html><html&...
2026-04-12
ralph
血沃中原肥劲草，寒凝大地发春华——鲁迅 Ralph：一只不肯下班的自治 AI 工程师循环体——直到 PRD 全部打勾才肯停Ralph 不是一个“聊天型”工具。 Ralph 更像是你团队里那个最较真、最执拗、最愿意熬夜的工程搭子：你把 PRD 交给他，他不问“要不要我帮你想想”，他直接开跑——一轮、一轮、再一轮——直到 PRD 上每一个条目都被标记为完成。 它的自我介绍非常直接： Ralph is an autonomous AI agent loop that runs AI coding tools (Amp or Claude Code) repeatedly until all PRD items are complete.Each iteration is a fresh instance with clean context.Memory persists via git history, progress.txt, and prd.json. 一句话翻译成工程语言：Ralph = 一个 Bash 循环 + 一个会写代码的 AI 工具 + 一个严格的任...