单文件组合(SFC)
- 单文件组件
- 扩展名.vue文件,称为单文件组件,是Vue.js自定义的一种文件格式,一个.vue文件就是一个单独的组件,在文件内封装了组件相关的代码:html、css、js。经过编译后,是一个标准 es模块,被导入使用。
- SFC 语法规范
- *.vue文件是使用类 HTML 语法来描述 Vue 组件的一种自定义文件格式。每一个*.vue文件都由三种类型的顶层语法块所组成:<template>、<script>、<style>以及可选的附加自定义块:<template><div cla
- SFC 工具
- 在线演练场你不需要在你的机器上安装任何东西来尝试 Vue 单文件。这里有很多在线演练场允许你在浏览器中运行:Vue SFC Playground(官方,基于最新的提交)VueUse PlaygroundVue on CodeSandboxVue on Repl.itVue on CodepenVue
- <style> 特性
- <style scoped>当<style>标签带有scoped attribute 的时候,它的 CSS 只会应用到当前组件的元素上。这类似于 Shadow DOM 中的样式封装。它带有一些注意事项,不过好处是不需要任何的polyfill。它是通过PostCSS转换以下内容