VUE3和VUE2

VUE3和VUE2

上一篇文章中，我们对VUE3进行了一个初步的认识了解，本篇文章我们来进一步学习一下，顺便看一下VUE2的写法VUE3是否能做到兼容😀。

一、新建组件

我们在components中新建一个组件，名称为Peron，后缀为vue。

二、编写组件

我们先把基础的结构写出来

• html
• 交互脚本
• 样式美化

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

<script lang="ts"> //注意要添加ts
    export default{
   
        name:''
    }
</script>

<style>

</style>

三、添加内容

• data和methods都是VUE2的写法，但是并没有报错

<template>
    <div class="person">
        <h1>姓名：{
   {
    name }}</h1>
        <h2