vue3保留了vue2的语法,但是不能混着用,setup中定义原有vue2中data数据的方法有所改变

直接上代码

import { reactive } from 'vue'
export default {
    setup() {
        const  info = reactive ({
            name:'张三',
            age:18
        }),
    }
    return { info};
}

对比原有vue2代码

data() {

            return {

                name: "张三",

                age:18

            }

    }

在setup函数中使用数据也无需this.xxx,而是用你定义的名字,我定义的是info(也可也换成其他)则用info.name

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐