【VueJS】實例中data屬性的三種寫法及區別

一：對象寫法

<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>

　　三：函數的簡寫 （第3種是第2種的ES6寫法）----可以統一使用第三種寫法

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

　　

區別

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

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