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 {
- ...
- }
- }
- }
文章点评