Vue

Vue 3开发推荐用VS Code配合Vue - Official扩展（原Volar），提供语法高亮、TypeScript支持和模板智能提示。本文详解VS Code插件配置、Vetur和Volar的区别、WebStorm支持、以及Vue浏览 …

Vue 3有多种构建文件版本，runtime版本不含编译器体积小，完整版含编译器支持浏览器内模板编译。本文详解无构建步骤时模板怎么编译、runtime和完整版的区别、14kb体积差、默认工具链用哪个版本、以及如何在有构建步骤时仍用浏览器内编 …

Vue 3不用本地装环境也能玩，在线演练场让你浏览器里直接写Vue。本文详解Vue SFC演练场和StackBlitz两种在线环境、create-vue脚手架怎么用、Vite和Vue CLI的区别、以及从Vue CLI迁移到Vite的注意事 …

传统Web开发认为HTML/CSS/JS应该分文件存放，但Vue SFC把它们放一起。本文详解关注点分离的真正含义、为什么组件内聚比文件类型分离更重要、以及不想用SFC时如何通过资源导入获得热更新和预编译功能。

Vue 3的.vue文件浏览器不认识，必须经过@vue/compiler-sfc编译成标准JavaScript和CSS。本文详解SFC的编译过程、编译后的输出长啥样、style标签在开发和生产环境的不同处理、以及Vite和Vue CLI两种 …

Vue 3的单文件组件（SFC）是.vue文件格式，把模板、逻辑、样式封装在一个文件里。本文从SFC的基本概念讲起，搞清楚template、script、style三个块怎么写、选项式和组合式两种写法有啥区别、SFC的9大优点、以及什么场景 …