vue单文件组件

一、单文件组件介绍

vue中的单文件组件是以.vue扩展名结尾的文件，在这个文件中封装了html、js、css的代码，它自身是一个独立的组件，所以成为单文件组件

二、结构组成

<template>
  <div>html代码</div>
</template>

<script>
export default {
js代码
}
</script>

<style lang="scss">
// style标签 加上scoped属性，css局部生效
// style标签 加上lang="scss"，支持scss
</style>