I'm creating a component with Vue.js.   When I reference this in any of the the lifecycle hooks (created, mounted, updated, etc.) it evaluates to undefined:  mounted: () => {   console.log(this); // logs "undefined" },     The same t...

I have a case where in my Vue.js with webpack web app, I need to display dynamic images. I want to show img where file name of images are stored in a variable. That variable is a computed property which is returning a Vuex store variable, which is...

I started https://laracasts.com/series/learning-vue-step-by-step series. I stopped on the lesson Vue, Laravel, and AJAX with this error:     vue.js:2574 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the par...

I have an array called people that contains objects as follows:  Before  [   {id: 0, name: 'Bob', age: 27},   {id: 1, name: 'Frank', age: 32},   {id: 2, name: 'Joe', age: 38} ]   It can change:  After  [   {id: 0, name: '...

What is the main difference between a method and a computed value in Vue.js?  They look the same and interchangeable....

I'm trying to use the on click directive inside a component but it does not seem to work. When I click the component nothings happens when I should get a 'test clicked' in the console. I don't see any errors in the console, so I don...

I have some data that is accessible via:  {{ content['term_goes_here'] }}   ... and this evaluated to either true or false.  I'd like to add a class depending on the truthiness of the expression like so:  <i class="fa" v-bind...

I'm using the VueJS Vuetify framework and I need to open a dialog - that gets imported as a component template - from another template. Once the Menu button in App.vue got clicked, the Modal should open. Here is my setup:   App.vue = navigation t...

My vue component like this :          <template>     ...         <b-col v-for="item in items"                v-bind:key="item.id"                cols="2">             ...             <strong slot="header"...

I got a problem here, I don't know what is wrong in my code, but I got a warning in my console, how can I remove this warning?     [Vue tip]: <todo-item v-for="todoItem in todos">: component lists rendered with v-for should have exp...