Vue.js

Learn How to Write a Vue JS Wrapper Component
Laravel Tutorials / November 14, 2017

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
News / October 20, 2017

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.

Read more…
Vue.js Tutorial: From jQuery to Vue.js
Laravel Tutorials / October 11, 2017

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
News / October 10, 2017

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

Read more…
Vue.js Official Style Guide Is Here!
News / October 09, 2017

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.

Read more…
Vue.js v2.4.0 is now released
News / July 13, 2017

Vue.js v2.4.0 is now released

Vue.js v2.4.0 is now released and available. This version features full SSR + async component support in core, easier creation of wrapper components, better performance, and more.

Read more…
Vue.js V2 is now released
News / September 30, 2016

Vue.js V2 is now released

Vue.js has announced v2 is now released and available. Version two has been in development since April and features significant improvements over the first version. Vue V2 features better performance, server-side rendering, and the Vue tools have all been updated to support v2. The official announcement has all the details on the improvements. For those … Continue reading Read more…

Vue.js 2.0 RC4 is now available
News / August 29, 2016

Vue.js 2.0 RC4 is now available

Today Vue.js released it’s fourth V2 release candidate and this version is primarily a bugfix release with one new feature. A new Async component function now supports returning a Promise. Note if you are using async components with vue-router you need to update vue-router too. You can find the full changelog from their release page … Continue reading Vue.js 2.0 RC4 is now av... Read more…

Building a Status Board using Laravel and Vue
Laravel Applications / June 09, 2016

Building a Status Board using Laravel and Vue

Freek Van der Herten has a new tutorial on how his team built a company status board using Laravel and Vue.js. Each tile is it’s own Vue component. Laravel’s default scheduler is used to periodically fetch some data from the API’s of Google Calendar, Last.fm, etc… When Laravel receives a response from any of those … Continue reading Building a Status... Read more…

Adding your own Vue components to Spark
Laravel Tutorials / May 31, 2016

Adding your own Vue components to Spark

Christoph Rumpel has a new tutorial on integrating your own Vue components in Spark. The tutorial steps through what a Vue component is, registering it as global, and adding child components.

Read more…