我們先來看data的幾種寫法：

1、

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

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

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

一、在簡單的Vue例項中，1、2寫法沒有什麼區別，因為你的app物件不會被複用

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

data為物件的話會報錯，為了理解這種機制，我們假設data為一個物件，那麼這同一個物件有可能被很多例項共享，一個例項改變其它也會跟著變，這明顯是不對的。而通過data函式，每新建一個例項，都會呼叫data來return一組新的原始資料。