蜜桃精品成人影片,99国产精品偷窥熟女精品视频,啊灬啊灬啊灬快灬A片免费,b站大全永不收费免费下载软件吗,重囗味sM在线观看无码

實例中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ù)。


<