Tag Archives: VueJS

Build an App with VueJS: A Lightweight Alternative to AngularJS

via Build an App with Vue.js: A Lightweight Alternative to AngularJS | Scotch.

Front-end frameworks like AngularJS allow us to build out very nice single page applications easily, especially when we become well versed with all the concepts.

However, for many projects, frameworks like Angular can actually be a little bit more than what we need.

If all we want to do is implement a few features a single page application, it’s can be a bit much to setup the necessary config, routing, controllers, services and more that make up an Angular app.

Building an App with Ecmascript 2015 (es6), vueJS and Google’s Material Design

via Building an App with Ecmascript 2015 (es6), vue.js and Google’s Material Design.

In the last Tikal’s fuseday (hackaton), I decided to get out of my comfort zone completley, move my cheese away and experiment with something compleltely new. That’s why chose to experiment with Vue.js, webpack, browserfiy and the recently released google material lite. f

VueJS Tutorial

via Vue.js Tutorial – Vegibit.

Vue.js shares similar concepts to other popular JavaScript frameworks like Rivet.js, Ractive.js, Angular.js, and Knockout.js. These types of frameworks offter 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.

  1. Creating a Vue Instance new Vue()
  2. Vue.js Two Way Data Binding v-model
  3. Displaying Lists with Vue.js v-repeat
  4. The Vue.js Event System v-on
  5. Filtering with Vue.js | filterBy
  6. Vue.js Custom Filters Vue.filter()
  7. Vue.js Components Vue.extend()
  8. Vue.js Component Props props: []
  9. Custom Directives with Vue.js Vue.directive()

Getting Started With VueJS

via Getting Started With Vue.js.

Vue.js is a JavaScript library that helps you build web applications that conform to the MVVM (Model-View-ViewModel) architectural pattern. At first glance, it might seem quite similar to AngularJS, but once you start working with it, you’ll quickly realize that Vue.js is not only much simpler and easier to learn, but definitely more flexible.

In this introductory tutorial, I’ll teach you the basic concepts of Vue.js, trying to do a complete overview of its most important features.