一:對象寫法
<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ù)。