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.…

Check Authorization With Policies Before Delete Function

Use Policy For Authorization

In this tutorial we want to set up the ability for authorized users to delete any reply that they have created. In addition, guests or unauthorized users should not be able to delete any replies. So as usual, we’ll set up a couple of tests to support these new features. In addition we’ll leverage a new policy object to determine whether any particular user is authorized to delete a given reply.…

Making Favorites Part Of The Activity Feed

Polymorphism To Add New Model To Activity Feed

We saw earlier how to set up a Trait for easy code reuse. Now it’s time to add the ability to record favorites as part of any user’s activity feed. The good news is that since we have already did all the work to set up activity recording, it is going to be easy to add this new feature. In addition, since the existing code uses Polymorphic relations, add new and different types of models to the activity will “just work” so to speak.…

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.…