[VueJS]例項中data屬性的三種寫法及區別
摘要：
1、__
<script type="text/javascript">
var app=new Vue({
el:'#app',
data:{
isLogin: false
}
})
<...
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 {
...
}
}