One year with Vue.js

Okay, okay, it’s been more than a year, but I couldn’t resist the title. Sorry! This is a write-up about how I started with Vue.js and how I use it to develop my side project.

How to reference hidden elements in Vue.js

In Vue.js we can reference either Vue.js component or a standard DOM element by marking it with ref=”ourReferenceName” inside the HTML tag and later access this element easily inside the component with this.$refs.ourReferenceName. Let’s have a look at a simple component example:

<template>
  <div>
    <div ref="referencedElement"></div>
  </div>
</template>

<div ref="referencedElement"></div>

<script>
export default {
  methods: {
    accessElement() {
      const element = this.$refs.referencedElement
      // TODO: do something with the element
    }
  }
}
</script>

export default {

accessElement() {

const element = this.$refs.referencedElement

// TODO: do something with the element

So far so good. The problem comes when we want to […]

Using validate.js instead of Vuelidate in Vue.js applications

When I first needed some basic form of validation in my Vue.js application, I discovered and used Vuelidate, a popular validation library written specifically for Vue.js. Vuelidate is simple to use and works pretty well inside Vue.js components. It validates all different data sources in a component, based on the validation criteria provided as a […]