亚洲色蝴蝶中文娱乐网,在线亚洲欧美一区二区中文字幕,无人视频在线观看视频高清视频,99午夜国产精品一区二区,人人妻人人爽人人狠狠

實例中data屬性的三種寫法及區(qū)別

時間:2021-08-12 10:04:58 類型:vue
字號:    

一:對象寫法

<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對象不會被復(fù)用。

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


<