Vue.js

Vue CLI 3.0

Vue CLI is the standard tooling baseline for the Vue ecosystem. It ensures the various build tools work smoothly together with sensible defaults so you can focus on writing your app instead of spending days wrangling with configurations.

Laravel Localization Package for Vue

“Laravel Localization to Vue” is a new package by Stefan Ninic that converts Laravel localization into a format consumable by JavaScript packages like Lang.js, which is a Laravel translator class in Javascript. The package will help you quickly transform Laravel translations into a format consumable by a Vue.js application.

VuePress: A Vue-powered Static Site Generator

VuePress is a minimalistic Vue-powered static site generator from Evan You, the creator of Vue.js. VuePress was built to support the documentation needs of Vue’s projects. By default, the generated VuePress theme comes optimized for technical documentation. Learn more about how you can use VuePress to generate excellent documentation for your technical project.

Testing Vue components with Laravel Dusk

Adding tests to a project is always beneficial for different reasons, but choosing the right strategy can be a struggle for many developers. The problem multiplies itself when you are using different tools or frameworks, and although “having as many tests as you can” sounds like a good idea, at least in theory, in practice this can be very different. In this post, we demonstrate how Laravel Dusk can make feature testing intuitive and easy. Come along and learn how to test Vue comp... Read more…

Building a Vue SPA with Laravel Part 2

In Part 2 of Building a Vue SPA with Laravel, we are going to load async data from a Laravel API endpoint in a Vue component and look at error handling when an API response returns an error.

If you recall, in part one we wired up a Vue single page application (SPA) with Laravel and Vue Router. We are going to build on our SPA foundation by adding async API requests.

Learn How to Write a Vue JS Wrapper Component

A Vue “wrapper” component is a technique used to integrate a 3rd party plugin with Vue by wrapping it in a custom Vue component. The wrapper technique means that you are likely bringing in a library like jQuery and a jQuery plugin. This combination seems to be the most ubiquitous, and it’s my personal preference when I want to use a jQuery plugin inside of a Vue application.

Let’s quickly cover an example of how we might build a wrapper component with a date ran... Read more…

Vue 2.5 Released

Evan You announced the release of Vue 2.5 last week with TypeScript and Error handling, environment-agnostic server-side rendering (i.e., php-v8js), and many other nice features. It’s a great time to be a Vue.js developer, and things just keep getting better! This release is jam-packed with awesome improvements that you should dig into further at the end of the article.

Vue.js Tutorial: From jQuery to Vue.js

As far as JavaScript libraries are concerned, there’s never been a more popular library than jQuery. It made (and still does) DOM traversal a cinch using CSS selectors at a time when browser compatibility was a significant issue for developers. In fact, jQuery is so universal that I thought it would be a great way to segue into why I love writing UIs with Vue using component-based JavaScript. An excellent way to do that is to walk you through a typical way you might build a UI with jQue... Read more…

The Official Unit Testing Utility Library for Vue.js Is Now Available

Vue.js now has an official unit testing library for testing Vue applications. It provides methods for unit testing your components. A 1.0 beta version shipped Monday, as well as an official guide to help you get started with standard tips, using test runners, and testing components which use Vuex (centralized state management for Vue).

Vue.js Official Style Guide Is Here!

The Vue.js documentation now has an official style guide in beta! The style guide is an excellent resource for avoiding errors, improving readability, consistency, and avoiding risky edge-case features when you don’t need them.