vue3的setup函数中定义data数据,使用data数据
vue3保留了vue2的语法,但是不能混着用,setup中定义原有vue2中data数据的方法有所改变。而是用你定义的名字,我定义的是info(也可也换成其他)则用。name: "张三",在setup函数中使用数据也无需。对比原有vue2代码。
·
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
更多推荐
已为社区贡献2条内容
所有评论(0)