2.vue组件中的data为什么是一个函数？

sheerhr

于 2020-12-23 16:43:08 发布

阅读量73

点赞数

分类专栏：面试必备问题

本文链接：https://blog.csdn.net/qq_24871849/article/details/111593540

版权

面试必备问题专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

<head>
      <title>Vue事件处理</title>
</head>

<body>
      <div id="demo">
            <h1>vue组件data为什么必须是个函数? </h1>
            <comp></comp>
            <comp></comp>
          </div>
      
    <script src="vue.js"></script>
      
    <script>
        Vue.component('comp', {
            template: '<div @click="counter++">{{counter}}</div>',
            data() {
                return {counter:0}
            }
        })
        // 创建实例
        const app = new Vue({
            el: '#demo',
        });
    </script>
</body>

</html>

防止多个组件实例对象共用一个data属性，造成数据污染

sheerhr

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2.vue组件中的data为什么是一个函数？

<!DOCTYPE html><html><head> <title>Vue事件处理</title></head><body> <div id="demo"> <h1>vue组件data为什么必须是个函数? </h1> <comp></comp> <co
复制链接

扫一扫

专栏目录