• 什么Vue单文件组件（SFC）?

    介绍#

    Vue 的单文件组件 (即 *.vue 文件，英文 Single-File Component，简称 SFC) 是一种特殊的文件格式，使我们能够将一个 Vue 组件的模板、逻辑与样式封装在单个文件中。下面是一个单文件组件的示例：

    vue

    1. <script>
    2. export default {
    3.   data() {
    4.     return {
    5.       greeting: 'Hello World!'
    6.     }
    7.   }
    8. }
    9. </script>
    10.  
    11. <template>
    12.   <p class="greeting">{{ greeting }}</p>
    13. </template>
    14.  
    15. <style>
    16. .greeting {
    17.   color: red;
    18.   font-weight: bold;
    19. }
    20. </style>

    如你所见，Vue 的单文件组件是网页开发中 HTML、CSS 和 JavaScript 三种语言经典组合的自然延伸。