一：對象寫法

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

二：函數(shù)寫法

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

三：函數(shù)的簡寫 （第3種是第2種的ES6寫法）----可以統(tǒng)一使用第三種寫法

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

區(qū)別

1）在簡單的Vue實例中，沒什么區(qū)別，因為你app對象不會被復用。

2）但是在組件中，因為可能在多處調(diào)用同一組件，所以為了不讓多處的組件共享同一data對象，只能返回函數(shù)。