Vue-组件中的data

  • 开发
  • 30

一个组件的data选项必须是一个函数。保证每个组件实例，维护独立的一份数据对象。如下图：

组件一旦封装好了，可以使用多次，比如数字框组件使用了三次：

每次创建新的组件实例，都会重新执行一次data函数，得到一个新对象。上图我们创建了三个实例，也就是我们创建了三个对象，这三个对象互不影响，完全独立。比如改变了第一个数字组件的数据，从100变为101，那么只有第一个数字组件的数据对象会发生改变，其他两个数字组件的数据对象不会发生改变，其count值仍然是100。

阅读全部

相关推荐

  5. vue 父组件怎么获取子组件里面的data数据

    2024-05-09 18:58:02       39 阅读

  6. Vue中的组件通信

    2024-05-09 18:58:02       32 阅读

  7. vue中的组件通信

    2024-05-09 18:58:02       47 阅读

  10. Vue2组件的data为什么是函数，而不是对象

    2024-05-09 18:58:02       30 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-09 18:58:02       94 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-09 18:58:02       100 阅读

  9. 在Django里面运行非项目文件

    2024-05-09 18:58:02       82 阅读

  19. Python语言-面向对象

    2024-05-09 18:58:02       91 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-05-09 18:58:02       85 阅读

热门阅读

  2. 【论文创新】如何寻找自己论文的创新点？

    2024-05-09 18:58:02       30 阅读

  3. 以下是服务器的一些主要作用：

    2024-05-09 18:58:02       35 阅读

  6. Vue Router

    2024-05-09 18:58:02       29 阅读

  9. Flink面试整理-Flink是什么？

    2024-05-09 18:58:02       29 阅读

  15. 封装长按触发事件的uniapp组件

    2024-05-09 18:58:02       33 阅读

  17. Flask 路由基础和封装

    2024-05-09 18:58:02       29 阅读

  28. nodejs中fs读写删除文件

    2024-05-09 18:58:02       31 阅读

  30. centos-xfce 汉化

    2024-05-09 18:58:02       27 阅读