0


vue3的setup函数中定义data数据,使用data数据

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

标签: vue.js 前端 vue

本文转载自: https://blog.csdn.net/weixin_46764819/article/details/128275312
版权归原作者 半里_辰昏 所有, 如有侵权,请联系我们删除。

“vue3的setup函数中定义data数据,使用data数据”的评论:

还没有评论