ｖｕｅ的数据　ｄａｔａ　问题

最新推荐文章于 2024-06-21 09:43:57 发布

cvper

最新推荐文章于 2024-06-21 09:43:57 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签：ｖｕｅｄａｔａ

本文链接：https://blog.youkuaiyun.com/cvper/article/details/80153678

vue 专栏收录该内容

22 篇文章

订阅专栏

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

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

这里区分一下ｖｕｅ的数据问题：

当我们一开始接触ｖｕｅ的时候可能看到的数据是这个样子的：

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

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

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

也就是最新的２.０的写法

<template>
    
</template>


<script> 

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



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

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

<template>
    
</template>


<script> 

export default {
   
   　data：ｆｕｎｃｔｉｏｎ(){
       return{
           skate:"",
           music:""
       }  
   }
}
</script>



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