TL;DR in the general (and safe) case, use created(). Vue’s initialization code is executed synchronously. Technically, any ASYNChronous code you run in beforeCreate(), created(), beforeMount() will only respond after all of those hooks finish. See demo: new Vue({ el: ‘#app’, beforeCreate() { setTimeout(() => { console.log(‘fastest asynchronous code ever’) }, 0); console.log(‘beforeCreate hook done’); }, … Read more
You are trying to modify the vuex state from the vue component, You can not do it. You can only modify vuex store from a mutation You can define a mutation like following: var store = new Vuex.Store({ state: { customers: [ { id: ‘1’, name: ‘user 1’,}, ] }, mutations: { addCustomer (state, customer) … Read more
I have a file with function like a func.js like below export const func = { functionName: (data) => { return something } } In main.js add 2 string import {func} from ‘./func.js’ Vue.prototype.$func = func and you can use from all components if in script tag like below this.$func.functionName(somedata) or if template tag like … Read more
localStorage is not reactive but I needed to “watch” it because my app uses localstorage and didn’t want to re-write everything so here’s what I did using CustomEvent. I would dispatch a CustomEvent whenever you add something to storage localStorage.setItem(‘foo-key’, ‘data to store’) window.dispatchEvent(new CustomEvent(‘foo-key-localstorage-changed’, { detail: { storage: localStorage.getItem(‘foo-key’) } })); Then where ever … Read more
I could not get the Vue icon to be active on the menu bar, however I was able to get the Vue tab to show in the Chrome developer tools. Try the following: Close the Chrome developer tools window Hard refresh the browser Re-open the developer tools window and look for the Vue tab The … Read more
You can use a deep watcher for that: watch: { item: { handler(val){ // do stuff }, deep: true } } This will now detect any changes to the objects in the item array and additions to the array itself (when used with Vue.set). Here’s a JSFiddle: http://jsfiddle.net/je2rw3rs/ EDIT If you don’t want to watch … Read more