2022-07-30 面试题:Vue中的data为什么必须是一个函数而非对象

data为什么是一个函数?

答:data定义成一个函数的好处是可以让每个实例可以维护一份被返回对象的拷贝,若是对象,则会影响到其他实例

例子

<body>
    <div id="app">
        <zujian>zujian>
        <zujian>zujian>
        <zujian>zujian>
    div>
body>
<script>
    var msg = {
        count: 0
    };
    Vue.component('zujian', {
        // data是一个函数,三个button的点击次数是相互独立的
        data: () => {
            return {
                count: 0
            }
        },
        // data是一个对象,三个button的点击次数是互相影响的
        // data: () => {
        //     return msg
        // },
        template: ''
    });
    new Vue({
        el: "#app",
    });
script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

结果

data是一个函数时:
在这里插入图片描述
data是一个对象时:

相关阅读:
一篇文章教会你什么是高度平衡二叉搜索(AVL)树
计算机毕设基于机器学习的文本聚类 - 可用于舆情分析
学习笔记-SET
嵌入式可以做什么工作？
FlowDroid安装初体验
Java多线程/总述
c语言经典测试题7
英特尔 Gaudi 加速辅助生成
CentOS修改ssh端口
消息队列协议

原文地址：https://blog.csdn.net/rowlet/article/details/126063072