Vuejs Child component $refs - What are they good for?

Child component refs are somewhat documented in the offical documentation. But it doesn't really show you what or why you might need to do this. I have found that utilizting child component refs a somewhat edge case,but very useful. so creating them can be as simple as: $refs, while used on a normal HTML element will give you the DOM node, creating a ref on a component will give you direct access to its Vue instance allowing you to call methods, access properties etc. export default { methods: { callChildComponentMethod() { this.$refs.myCompInstance.deleteSomething(); }, accessChildComponentData() { this.$refs.myCompInstance.someDataField. } } } This can…

Read More

Vuex made easy using vue-deepset

I have had the privilege of working with Vue + Vuex for about the last year or so. One of the more tediuous problems that I discovered early on with using these two libraries is that writing a getter and a setter for every form field and state value can get tedious!…

Read More