一:對(duì)象寫法
<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實(shí)例中,沒什么區(qū)別,因?yàn)槟鉧pp對(duì)象不會(huì)被復(fù)用。
2)但是在組件中,因?yàn)榭赡茉诙嗵幷{(diào)用同一組件,所以為了不讓多處的組件共享同一data對(duì)象,只能返回函數(shù)。