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
}
}文章来源:https://www.toymoban.com/news/detail-530674.html
在setup函数中使用数据也无需this.xxx,而是用你定义的名字,我定义的是info(也可也换成其他)则用info.name文章来源地址https://www.toymoban.com/news/detail-530674.html
到了这里,关于vue3的setup函数中定义data数据,使用data数据的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!