组件中的data应该是函数

在new Vue()的实例的过程中，data可以是一个对象，但是在组件component中，data是一个函数。

下面的写法在Vue中会报错。

Vue.component('my-com',{
        template:'<span>{{message}}</span>',
        data: {
            message: 1
        }
    })

• 1
• 2
• 3
• 4
• 5
• 6

这个示例才是正确的写法：

Vue.component('my-com',{
   template:'<span>{{message}}</span>',
    data: function () {
        return {
            message: 1
        }
    }
})