Accessible Drag-and-Drop in Vue

Maintaining a high level of accessibility in a web application can be challenging sometimes, especially when the application has features that require a lot of user interaction. Drag-and-drop is a perfect example of such a feature, and it's one that may seem like it can't possibly be accessible, but with a little extra code, it can be. In this post, we'll discuss how to make an accessible drag-and-drop component in Vue.

Continue Reading
Written By Rachel Opperman
Posted on

Intro to the Vuex Map Helpers

Are you sick of seeing this.$store everywhere in Vue components? Here's an introduction to the Vuex map helpers, which can help us clean up the code in our components by removing repetitive syntax.

Continue Reading
Written By Rachel Opperman
Posted on

Passing data from Craft CMS to a Vue component

This past week, I've been hooking up Craft to some sweet interactive charts. This post looks at I'm passing the data from Craft into Vue.

Continue Reading
Posted on

Sharing Data in a Laravel/Vue Application

When I first began kicking the tires on Vue, I was quickly frustrated by my lack of understanding of how data is transferred between Laravel and Vue. I was comfortable with the way Laravel retrieved and stored data, but I couldn't figure out how to make Vue aware of Laravel's data!

Continue Reading
Written By Jesse Schutt
Posted on
Tags

Using v-model on Nested Vue Components

Building a custom component that operates on chunks of data is easier than you may think. It involves understanding how Vue handles the input/update cycle and making a few changes to your component. Let’s start by taking a look at one approach for turning a standard component into a “controlled” component and then figure out how to nest them.

Continue Reading
Written By Jesse Schutt
Posted on