混合式和选项式的区别

2022-12-26 33 阅读1分钟

选项式，比如： vue2经常这样写：

<script>
export default {
    data(){
        return {
            name:'xiaohua'
        }
        
    }
    methods:{
        xx(){
            //...
        }
    }
}
</script>

方法和数据都是分别放到对应的位置里面。

混合式：


</template>

<script setup>
let name = 'xiaohua';
function xx(){
    //...
}
</script>