<script> let a = ""; export default { data() { return { b: "" }; }, }; </script> 代码如上图所示.环境是 vue2.
因为一些性能和循环引用问题.想把某些变量放在 data 外面.但是这个组件本身在页面上是多实例的.
不知是实例内部独享还是多个实例共享呢?
个人理解:组件似乎在打包过程中变成闭包了?应该是每个实例各自隔离吧?
This topic created in 1093 days ago, the information mentioned may be changed or developed.
 | 1 coyoteer May 19, 2023 我试验了一下是共享的 |
 | 2 wu67 May 19, 2023 闭包是值的跨作用域传递... |
 | 3 ChefIsAwesome May 19, 2023 你那个 export 的玩意是工厂函数，拿来造组件实例的，不是实例本身啊。 |
 | 4 daliusu May 19, 2023 你这跟 vue 半毛钱关系没有把，你把一个对象放在 data 外边，data 是每次实例创建的时候调用一下 return 一个新的对象，但是这个对象内部一些属性引用的不还是你外边的对象吗？如果不想，你可以 deepclone 一下，或者把这个外部对象也改写成调用函数获取的形式，const getData = () => ({x:1}) |
 | 5 BruceXu OP 懂了!醍醐灌顶!感谢各位解惑! |
| 6 BruceXu OP 那如果不需要加入响应式,但又每个实例隔离的话,怎么写呢? |
Select Language