一:对象写法

<script type="text/javascript">
    var app=new Vue({
        el:'#app',
        data:{
            isLogin: false
        }
    })
</script>

二:函数写法

<script type="text/javascript">
    var app=new Vue({
        el:'#app',
        data: function(){
            return {
                isLogin: false
            }
        }
    })
</script>

三:函数的简写 (第3种是第2种的ES6写法)—-可以统一使用第三种写法

<script type="text/javascript">
    var app=new Vue({
        el:'#app',
        data() {
            return {
                isLogin: false
            }
        }
    })
</script>

区别
1)在简单的Vue实例中,没什么区别,因为你app对象不会被复用。

2)但是在组件中,因为可能在多处调用同一组件,所以为了不让多处的组件共享同一data对象,通过创建data函数,每次创建一个新的组件实例后,能够调用data函数,从而返回一个全新副本。


送福利了!关注下方的公众号:“优派编程”,搜索关键词“下载”,即可获得软件app下载资源和python、java等编程学习资料~ 更多课程和学习资料请登录“方包博客”———http://fang1688.cn

更多资源请关注公众号或点击下方“阅读原文”,回复关键词获取

发表评论

您的电子邮箱地址不会被公开。

3 + 1 =