笔.COOL Vue编辑器(单文件)使用说明


编辑器 v2.0 已上线,点击立即体验新版 Vue 编辑器 >

笔.COOL 的Vue编辑器(单文件)使用的是Vue v3版本,因此,Vue编辑器支持的语法和 Vue v3的语法是一致的, 并且使用的是 <script setup> 组合式 API(详情请看 Vue3 <script setup>)。

笔.COOL 的Vue编辑器本质上是将一个 Vue文件的 <template>、<script>、<style> 三个代码块分别使用三个编辑器进行编辑。 渲染时,它们会被合并成一个 Vue文件进行编译及渲染。

最终代码转换如下图所示