I am facing an issue with a "dumb" component that receives props from a parent. The user has the ability to change a selector which triggers an action (using Vuex) to fetch new data. Once the new data is received, I need to pass it to the child component and re-render with the updated information. However, I keep encountering a warning in my watcher. Assistance would be greatly appreciated! :slight_smile:
export default {
name: 'bubbles',
props: {
awesomeData: {
type: Array,
required: true
}
},
data () {
return {
title: 'Best component ever'
}
},
watch: {
awesomeData (newData) {
console.log('hello world')
this.refreshSomethingAwesome(newData)
}
},
methods: {
refreshSomethingAwesome (newData) {}
}
}
s
101 hello world
[Vue warn]: You may have an infinite update loop in watcher with expression "awesomeData"
I have tried a solution similar to this: Vuex Examples, but I am unable to get it to work properly. Any suggestions?