data问题

在vue中，data有三种写法：

第一种写法：

<script type="text/javascript">
    var app=new Vue({
        el:'#app',
        data:{
            ……
        }
    })
</script>

第二种写法：

<script type="text/javascript">
    var app=new Vue({
        el:'#app',
        data: function(){
            return {
                ……
            }
        }
    })
</script>

第三种写法：

<script type="text/javascript">
    var app=new Vue({
        el:'#app',
        data() {
            return {
                ……
            }
        }
    })
</script>

这里的第三种是第二种的ES6写法

区别：

1、在简单的Vue实例中，没什么区别，因为app对象不会被复用

var app = new Vue({...})

2、在组件中，因为可能在多处调用同一组件，所以为了不让多处的组件共享同一data对象，只能返回函数，因此就需要使用如下方式：

export default{
    data(){
            return { 
                ...
        }
    }
}

希望可以帮到你！