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

VueJS Subnet Calculator

vuejs-example-applicatio

In this Vue.js tutorial, we’ll create a new Vue.js powered application that is a little more ambitious than what we have covered so far. Here, we will build an Internet Protocol version 4 javascript subnet calculator. The subnet calculator accepts an IP address as well as a subnet mask. From these two inputs, the application dynamically calculates the Network Address, the First Host, the Last Host, the Broadcast Address, the Total Hosts, and more.…

Developing With VueJS and PHP

vuejs and php

In this tutorial, we will make use of VueJS and PHP to build a really cool keyword density tool. On the Vue side, we’ll make use of components, templates, and root elements, and more. We will use PHP to generate the form we need, as well as to handle form processing, in addition to making use of the substr_count() function to provide the data we need.…

Upgrading VueJS

upgrade vuejs

In this post we’ll take a look at upgrading VueJS. We have a cool tutorial about Vue.js but alas, JavaScript moves in Internet time – which means some of the information has become dated already. Well fear not! The tutorial is getting updated, and this post is a chronicle of what you might encounter when completing your own migration path from an earlier version to 1.0.0 or a release candidate of 1.0.0.…

Vue.js Tutorial

vuejs tutorial

Vue.js shares similar concepts to other popular JavaScript frameworks like Rivet.js, Ractive.js, Angular.js, and Knockout.js. These types of frameworks offer a structural outline for interactive web applications. Raw HTML acts as the templating language, while these frameworks extend the syntax to provide data binding and User Interface data modeling. Vue.js strives to make working with these types of frameworks as simple and functional as possible. Let’s go through a Vue.js tutorial to learn about how it works, and what it can offer us.…