这里区分一下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>