vue后缀文件

script

<script setup>

setup 代表使用 组合式api

export 导出

<script>
    export default{
        data(){
            return{ // 定义 data 的 property
                username:"RC"
            }
        },
        methods:{ // 定义 function
            changeUsername: function() {
                // this 指向 vue 实例
                this.username 
            }
        }
    }
</script>

template 标签

<template>
    <div>
    </div>
</template>

旧的插件必须要只有一个根元素，最新不需要