vue单文件组件教程

1、创建一个.vue文件，添加三要素<template>, <script>,<style>。

2、<template>用于编写组件的html内容。

3、<script>用于编写js代码，默认格式是export default 对象。注意data是一个函数。

4、<style>用于编写样式，当添加scoped的时候只对当前文件有效。

5、在其他文件通过import引入组件，放入components中，就可以在<template>中使用。