Caching can greatly help with your application performance. As far as template data, you can easily cache the rendered content using v-once if it doesn't need to be changed or…
How to bind components dynamically in Vue.js | Example
Using v-if and v-show directives is probably the most popular way to hide or show a component. These directives in Vue actually gains more popularity as it is missing in…
How to access parent component from child in Vue.js | Example
A child component can access the parent component when the child is placed in the following fashion: <parent> <child></child> </parent> I'm demonstrating the same here with a code example. Let's…
How to access the root instance in Vue.js | Example
Vue is highly flexible as compared to other frameworks of same type. One of it's biggest feature is it's ability to access the root instance and derive methods or computed…
Header, footer and main layout with v-slot in Vue.js | Example
v-slot's in Vue.js is same as passing a child element in React.js. The slots will have all its own properties along with the properties elements being passed to it. v-slot's…
Render a list of items using createElement and render() in Vue.js | Example
Vue.js comes with the v-for directive to render any sort of list with ease. Earlier, I've also written an article on how you can define your own custom directives in…
How to custom define a key with keyCode in Vue.js | Example
Vue.js comes with many key code names out of the box. That means, you can use something like v-on:keyup.enter or @keyup.enter to trigger an event when the Enter key is…
Combine mouse click with keyboard keys in Vue.js | Example
You can control how a button or an element is click on with Vue.js. Please not that this functionality won't work on mobile and tablet devices as they might not…
How to create a custom directive in Vue.js | Example
We're all a fan of using directives in Vue.js. So much, that it's impossible to think of creating an app without using any directive. v-model, v-for, v-if etc are probably…