[VueJS]例項中data屬性的三種寫法及區別
1、__
<script type="text/javascript">
var app=new Vue({ el:'#app', data:{ isLogin: false } })
</script>
2、__
<script type="text/javascript">
var app=new Vue({ el:'#app', data: function(){ return { isLogin: false } } })
</script>
3、__
<script type="text/javascript">
var app=new Vue({ el:'#app', data() { return { isLogin: false } } })
</script>
第3種是第2種的ES6寫法
區別
1)在簡單的Vue例項中,沒什麼區別,因為你app物件不會被複用。
var app = new Vue({...})
2)但是在元件中,因為可能在多處呼叫同一組件,所以為了不讓多處的元件共享同一data物件,只能返回函式。
export default{
data(){ return { ... } }