一：對(duì)象寫法

<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ù)的簡(jiǎn)寫 （第3種是第2種的ES6寫法）----可以統(tǒng)一使用第三種寫法

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

區(qū)別

1）在簡(jiǎn)單的Vue實(shí)例中，沒什么區(qū)別，因?yàn)槟鉧pp對(duì)象不會(huì)被復(fù)用。

2）但是在組件中，因?yàn)榭赡茉诙嗵幷{(diào)用同一組件，所以為了不讓多處的組件共享同一data對(duì)象，只能返回函數(shù)。