VueJS Textarea Binding

reply form vue component

In our application, we can create a new thread and leave a reply to any thread. We can also delete any thread or reply based on permissions allowed from the policies we had configured. Now we want to be able to edit a reply. Instead of deleting a reply entirely, we want to be able to just click a button, fix any text that we might not like, and then quickly save that edit.…

How To Create A Child Component In VueJS

How To Create A Child Component In VueJS

We’re on a roll working with VueJS, components, and ajaxified buttons in our view files. It was helpful to start off with no JavaScript at all, then progressively add in JavaScript to make the user experience better. At this point our edit and delete buttons for a reply are fully dynamic. In this tutorial, we will create a child component in VueJS so that we can give the ajax treatment to the Favorite button.…

How To Use VueJS With jQuery

How To Use VueJS With jQuery

In the last article we turned the reply form into a Vue component and saw how nice it was to have reactive data properties to handle editing and updating of a reply. In this article we can build on that Reply component and turn the delete function into an ajax powered version as well. In addition, we’ll see how you can still make use of jQuery in concert with VueJS for adding very simple jQuery animation type actions to your component.…

Laravel Vue Component Example

Laravel Vue Component Example

VueJs is the popular choice for front end when working with Laravel. In fact, Laravel ships with the boilerplate for an example Vue component that you can test out or build on for your own use. In this tutorial, we will learn how to get our front end build process set up. Laravel Mix will help in this effort, as it is a nice and convenient wrapper around the very robust webpack system – which can be at times a challenge to configure and use properly.…

Vue JS Directives

Vue JS Directives

Let’s take a closer look at directives in this VueJS directives tutorial. Directives are the part part of Vue that attach special meaning and behavior to plain html elements on the page. The directive is like a token which indicates to Vue that it has special control and access to this particular DOM element. Directives are also a part of other view layer front end frameworks, however most web developers have found the concept of directives easier to work with in Vue than say Angular.…