setup作为script标签属性和setup方法的区别

setup方法的使用：

<script>
    import { ref } from "vue";
    export default {
        data(){
            //
        },
        setup(){
            let name = ref(12);
            return {
                name
            }
        },
        methods:{
            xx(){
              //
            }
        }
        
    }

</script>

setup 作为标签属性的使用：

<script setup>

    let name = 233;
    
    function changeName(){
        
        this.name = 23;
    
    }


</script>