xxholly32 / vue2-sfc-playground

类似 sfc.vuejs.org 的 vue2 项目,支持 setup 语法。

Home Page:https://vue2-sfc-playground.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue2-sfc-playground

介绍

类似 https://sfc.vuejs.org/ 的 vue2 项目,支持 setup 语法。

原理

由于 vue2 无法解析 setup vuejs/vue#12686 ,那我采用了一种服务端解析的方式,每次输入代码后,服务端会通过 https://vue2-compiler-sfc-server-main.vercel.app/parse 去解析;

@vue-repl 这个库我也实现了一个 @xxholly32/vue2-repl 版本,支持传入解析 url

如果用的人太多可能会卡,那么您可以自己部署一个服务端,参考 https://github.com/xxholly32/vue2-compiler-sfc-server

模板

vue2 + components

vue2 + echarts

vue2 + tailwindcss1

vue2 + less

About

类似 sfc.vuejs.org 的 vue2 项目,支持 setup 语法。

https://vue2-sfc-playground.vercel.app


Languages

Language:TypeScript 47.3%Language:Vue 40.4%Language:HTML 10.9%Language:CSS 1.3%