vue data中的return

  • 开发
  • 28

vue 的data return 是干啥的呢，vue中页面中绑定的变量都要放在data的return中，可以赋值，值可在script中改，修改引用就用this了

如果不使用return包裹的数据会在项目的全局中可见，会造成变量污染；

使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。

组件是一个可复用的vue实例，如果data是一个普通的对象，那么所有复用这个实例的组件都将引用同一份数据，会造成数据污染。

如果将data封装成一个函数，实例化组件时只是调用了这个函数生成的副本，避免了数据污染

参考vue data中的return使用方法示例_vue.js_脚本之家

阅读全部

相关推荐

  2. js中return的作用有什么？

    2024-05-25 23:10:16       39 阅读

  5. jquery return false的作用

    2024-05-25 23:10:16       23 阅读

  6. shell脚本中调用python脚本的函数并获取python脚本函数的return值

    2024-05-25 23:10:16       59 阅读

  8. C++中，exit(0)和return 0的区别和作用

    2024-05-25 23:10:16       28 阅读

  10. [React]useEffect中return函数执行时机

    2024-05-25 23:10:16       33 阅读

最近更新

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

    2024-05-25 23:10:16       94 阅读

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

    2024-05-25 23:10:16       100 阅读

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

    2024-05-25 23:10:16       82 阅读

  19. Python语言-面向对象

    2024-05-25 23:10:16       91 阅读

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

    2024-05-25 23:10:16       85 阅读

热门阅读

  5. 图像分类和文本分类（传统机器学习和深度学习）

    2024-05-25 23:10:16       26 阅读

  6. 机器学习 - 模型训练

    2024-05-25 23:10:16       36 阅读

  9. 初说Stable Diffusion

    2024-05-25 23:10:16       34 阅读

  10. python list 重复元素不会覆盖

    2024-05-25 23:10:16       30 阅读

  11. 书籍推荐计算机相关

    2024-05-25 23:10:16       28 阅读

  12. websocket的压缩和wireshark如何解码tls

    2024-05-25 23:10:16       37 阅读

  17. k8s笔记 | helm包管理

    2024-05-25 23:10:16       38 阅读

  22. 「大数据」Kappa架构

    2024-05-25 23:10:16       38 阅读

  23. 前端如何在 WebSocket 的请求头中使用标准 HTTP 头携带 Authorization 信息,添加请求头

    2024-05-25 23:10:16       35 阅读

  24. 视觉SLAM-基本原理

    2024-05-25 23:10:16       30 阅读

  29. Oracle索引介绍（简述、创建、维护等）

    2024-05-25 23:10:16       33 阅读