vue组件

作者: liluchang 分类: vue 发布时间: 2019-03-19 21:33

vue的data数据,在实例里面和组件里面的格式是不同的,要注意举例

//实例里面是
data{
   steps:[
      {name:'hello world',completion:false},
      {name:'hello vue',completion:false},
      {name:'hello liluchang',completion:true}
   ],
   newStep:'',
},
//组件里面是
data(){
        return {
            steps:[
                {name:'hello world',completion:false},
                {name:'hello vue',completion:false},
                {name:'hello liluchang',completion:true}
            ],
            newStep:'',
        }
    },

因为一个组件极有可能会被多个根实例调用,而不是仅仅就一个实例调用,所以组件里面的格式才跟实例里面不同。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

标签云