I am currently facing a challenge with an old legacy MVC application that contains various UI technologies such as razor pages, jQuery, and Vue native components. The issue at hand is that although the new Vue components function perfectly in isolation, we are looking to initialize the component and its properties using an older JavaScript file.
Is it possible to achieve this without modifying the Vue entry script?
Our goal is to have a JavaScript file load customer data and then bind the Vue component with the customer ID. I initially attempted to use the data dictionary to set the data attribute (which I believed Vue would map to the prop), but unfortunately, this approach did not work due to a watch on the property.
It is important to note that the Vue component is utilized in other areas, which is why I am hesitant to make any modifications to it.