Question 3
Consider the following Vue.js application with two different route scenarios and a component that uses reactive data binding:
Scenario: An e-commerce application where: Product list component displays products filtered by category• Category changes through router parameters: /products/:category• When a user navigates from /products/electronics to /products/books, the product list should update • Component Code:
If the developer changed the template to use displayedProducts instead of filteredProducts, What would be the most likely issue?
Performance would improve because computed properties are slower than data
The initial page load would show an empty list, and only after navigation would data appear correctly
There would be no difference because both will update at the same time
The application would crash because displayedProducts is reactive