vue.js实例中data属性的三种写法及区别

1. <script type="text/javascript"> 
2.     var app=new Vue({ 
3.         el:'#app', 
4.         data:{ 
5.             isLogin: false 
6.         } 
7.     }) 
8. </script> 

1. <script type="text/javascript"> 
2.     var app=new Vue({ 
3.         el:'#app', 
4.         data: function(){ 
5.             return { 
6.                 isLogin: false 
7.             } 
8.         } 
9.     }) 
10. </script> 

1. <script type="text/javascript"> 
2.     var app=new Vue({ 
3.         el:'#app', 
4.         data() { 
5.             return { 
6.                 isLogin: false 
7.             } 
8.         } 
9.     }) 
10. </script> 

1. var app = new Vue({...}) 

1. export default{ 
2.     data(){ 
3.         return { 
4.             ... 
5.         } 
6.     } 
7. }