Avoid mutating a prop directly since the value will be overwritten

by

From Vue 2.3.0 on you can use the .sync modifier:

Sample from https://v2.vuejs.org/v2/guide/components-custom-events.html#sync-Modifier:

<text-document :title.sync="title"></text-document>

and in your controller…

this.$emit('update:title', newTitle)

Related Contents:

  1. Why does Prettier not format code in VS Code?
  2. Call a Vue.js component method from outside the component
  3. How to watch store values from vuex?
  4. VueJS conditionally add an attribute for an element
  5. How to change port number in vue-cli project
  6. Do we have router.reload in vue-router?
  7. Mouseover or hover vue.js
  8. Vue.js getting an element within a component
  9. How to access to a child method from the parent in vue.js
  10. In Vue JS, call a filter from a method inside the vue instance
  11. Vuex: Access State From Another Module
  12. What’s the correct way to pass props as initial data in Vue.js 2?
  13. Is there a proper way of resetting a component’s initial data in vuejs?
  14. NavigationDuplicated Navigating to current location (“/search”) is not allowed
  15. How to disable ESLint in vue-cli?
  16. Vue.js unknown custom element
  17. How to navigate using vue router from Vuex actions
  18. vuexjs getter with argument
  19. Call parent method with component
  20. VueJS: why is “this” undefined?
  21. How to call multiple functions with @click in vue?
  22. VueJs templating. How to load external templates
  23. vue.js auto reload / refresh data with timer
  24. How to use props in in vue3
  25. Vue.js ref inside the v-for loop
  26. Conflict on Template of Twig and Vue.js
  27. Vue.JS – how to use localStorage with Vue.JS
  28. How do I reverse the order of an array using v-for and orderBy filter in Vue JS?
  29. Error: Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as
  30. How could I use const in vue template?
  31. Vuex 2.0 Dispatch versus Commit
  32. How do I set up ASP.NET Core + Vue.js?
  33. Vue JS 2.0 not rendering anything?
  34. How to use enums (or const) in VueJS?
  35. importing a package in ES6: “Failed to resolve module specifier “vue””
  36. Get element height with Vuejs
  37. accessing vuex store in js file
  38. Vue JS: Difference of data() { return {} } vs data:() => ({ })
  39. Async Computed in Components – VueJS?
  40. Property ‘XXX’ does not exist on type ‘CombinedVueInstance’
  41. Vue.js “Maximum call stack size exceeded” error. Passing data from parent to child failing
  42. How to format numbers in VueJS
  43. How to run VueJS code only after Vue is fully loaded and initialized?
  44. Set initial vuetify v-select value
  45. Vue 2 – How to set default type of array in props
  46. How vuejs knows the depenedencies of computed property for caching?
  47. What is difference between ‘data:’ and ‘data()’ in Vue.js?
  48. What is better in vue.js 2, use v-if or v-show?
  49. Vuejs 3 webpack : Problem with vue-template-compiler
  50. How to format Vuetify data table date column?

Leave a Comment