Reactivity: add and expose a shallow function #674
Labels
✨ feature request
New feature or request
Comments
|
I'm working on this one now. |
|
I'm really wishing for a Typical use case is to store immutable/non-reactive (big) arrays or (deep) objects (for perf). E.g. if you want to display a large list and plan on setting the ref to a new array to avoid watching all array indexes (ties in with your comments about my fast mutable array). Of course, it's trivial to build one out of |
1109176988
added a commit
to 1109176988/core
that referenced
this issue
May 23, 2024
This commit adds a new function called `ref` to the core of the codebase. The `ref` function allows developers to create reactive ref objects, which include a `value` property and a `reset` method. Internally, the `ref` function utilizes the existing `reactive` function to create the reactive object. This change addresses the need for an easier way to create reactive ref objects. Previously, developers had to manually implement this functionality, leading to code duplication and potential errors. With the `ref` function, creating reactive ref objects becomes simpler and more consistent. Details: - Define the `ref` function to create reactive ref objects - Include a `value` property in the ref object - Implement the `reset` method to reset the value property to its initial value Footer: - Closes: vuejs#674
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
What problem does this feature solve?
In addition to
reactive,readonlyandshallowReadonly, add the missingshallowmethod and export it.If one desires to a have reactive object, whose contents are not reactive (as an optimization or for explicitness), one has to call
markNonReactiveon every value set on areactiveobject.This is ok when initializing the object, but becomes a lot of effort when it has to be put at any place where a property is set to a new value.
The code to implement
shallowalready exists, ascreateGetterandcreateSetteraccept two argumentsisReadonlyandshallow(consistency: why notisShallow?). In fact it's the only combination of flags out of the four possible that is missing.What does the proposed API look like?
shallowmethod, makes a reactive object likereactive,readonlyandshallowReadonlybut doesn't make values returned bygetreactive.The text was updated successfully, but these errors were encountered: