vue的数据 data 问题

本文介绍了Vue.js中数据声明的不同方式,包括旧版1.0和新版2.0的做法。展示了如何在组件中定义数据,并强调了最新版本Vue的正确书写方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这里区分一下vue的数据问题:

当我们一开始接触vue的时候可能看到的数据是这个样子的:

var list=[
{title:"成功的路上并不拥挤",ifchecked:false},
{title:"坚持的人并不多",ifchecked:false},
{title:"hold on !",ifchecked:false}
];

new Vue({
el:"#con",
data:{
info:list,
todo:"123"
},
});



没问题,那么下面这种是数据在组件中的表现形式,也就是在单独的一个vue文件中,是这样写滴:注意这是现在的写法,

也就是最新的2.0的写法

<template>
</template>


<script>

export default {
data(){
return{
skate:"",
music:""
}
}
</script>



<style lang="less" scoped>
</style>



但是你有可能在某些教程中看到下面这样的写法,注意这是1.0的写法,所以可以放弃了

<template>
</template>


<script>

export default {
 data:function(){
return{
skate:"",
music:""
}
}
}
</script>



<style lang="less" scoped>
</style>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值