Languages

Menu
Sites
Language
Vue 2.0 is Here !

"Today I am thrilled to announce the official release of Vue.js 2.0: Ghost in the Shell. After 8 alphas, 8 betas and 8 rcs (a total coincidence!), Vue.js 2.0 is ready for production! The official guide has been fully updated and is available at vuejs.org/guide.  The new rendering layer provides significant performance improvements compared to v1, and makes Vue 2.0 one of the fastest frameworks out there."

 

https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8#.6nz746yxx

 

Please note: Vue is very easy to implement ;)

Latest Releasehttps://github.com/vuejs/vue/releases

Edited by: John Ixion on 21 Sep, 2017

Responses

18 Replies
Zoleyda Zambrano

hello, has anyone developed with Vue.js and tizen? Do you have any guide? thanks and regards!

John Ixion

Hello,

 

best way to start with Vue is here:

 

https://vuejs.org/v2/guide/#Getting-Started

Zoleyda Zambrano

Yes, Thanks! I've read that before. I'm having trouble with the emulator, Tizen doesn't work :(

 

John Ixion
John Ixion

Vuetify.js is a semantic component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify.js uses Google's Material Design design pattern, taking cues from other popular frameworks such as Materialize.cssMaterial Design LiteSemantic UI and Bootstrap 4

Build amazing applications with the power of Vue and Material Design with a massive library of beautifully crafted components. Built for speed, Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names.

 

https://github.com/vuetifyjs/vuetify

John Ixion

It’s a common practice for a Vue app to use the DOM as its template, as it’s the quickest and easiest architecture to set up.

This practice comes with a few catches, however, that make it an undesirable choice for any serious project. For example, the markup you write for a DOM template is not always what you get when your app runs.

In this article, I’ll explain the issues with using the DOM as a template and offer some alternatives.

 

https://vuejsdevelopers.com/2017/09/17/vue-js-avoid-dom-templates/

 

 

John Ixion

Lightweight UI components for Vue.js based on Bulma

 

https://buefy.github.io/#/

 

John Ixion

There are a lot of good reasons to use Vuex to manage the state of your Vue.js app. For one, it’s really easy to add super-cool features with a Vuex plugin. Developers in the Vuex community have created a tonne of free plugins for you to use, with many of the features you can imagine, and some you may not have imagined.

In this article, I will show you five feature that you can easily add to your next project with a Vuex plugin.

  1. Persisting state
  2. Syncing tabs/windows
  3. Language localization
  4. Managing multiple loading states
  5. Caching actions

 

https://vuejsdevelopers.com/2017/09/11/vue-js-vuex-plugins/

John Ixion

Utilities for testing Vue components

 

https://github.com/vuejs/vue-test-utils

John Ixion

Localized, accessible calendar and datepicker for Vue with no external dependencies.

 

https://github.com/IBM/vue-a11y-calendar

John Ixion

Scoped slots are a useful feature of Vue.js that can make components more versatile and reusable. The only problem is they’re difficult to understand! Trying to get your head around the interweaving of parent and child scopes is like solving a tough math equation.

A good approach when you can’t understand something easily is to try put it to use in solving a problem. In this article, I’ll demonstrate how I used scoped slots to build a reusable list component.

 

https://vuejsdevelopers.com/2017/10/02/vue-js-scoped-slots/

John Ixion

To keep your product revelant in the market, you should be building Progressive Web Apps (PWA). Consider these testimonies on conversion rates, provided by leading companies, such as Twitter, Forbes, AliExpress, Booking.com and others. This article doesn’t go into background, history or principles surrounding PWA. Instead we want to show a practical approach to building a progressive web app using the Vue.js library.

 

https://vuejsdevelopers.com/2017/10/09/vue-js-masonary-grid/

John Ixion

We are excited to announce the release of Vue 2.5 Level E! This release includes improvements of various features and we recommend checking out the release note for full details. In this post we are going to highlight some of the more prominent changes: better TypeScript integration, better error handling, better support for functional components in single-file components, and environment-agnostic server-side rendering.

 

https://medium.com/the-vue-point/vue-2-5-released-14bd65bf030b

John Ixion

Something almost all web apps have in common is the fact that they need to get input from users, validate it, and act on it. Learning to work with forms properly in our favourite frameworks is valuable, and can save us some time and energy during development. In this tutorial, I will walk you through the process of creating, validating, and utilising inputs from a form in a Vue.js 2.x application.

 

https://blog.logrocket.com/an-imperative-guide-to-forms-in-vue-js-7536bfa374e0

John Ixion

When building a modern web application, chances are that you’ll need to consume data from some remote resource, whether it be one that you’ve built or something someone else built. Sending HTTP requests is one of the more popular ways to send data from client facing applications to RESTful API backends.

We’re going to see how to send HTTP requests within a Vue.js web application, using a variety of techniques such as those found in the popular axios and vue-resource libraries.

 

https://www.thepolyglotdeveloper.com/2017/10/consume-api-data-http-vuejs-web-application/

John Ixion

In the last tutorial we built a shopping cart application using Vuejs, Vuex and Bulma for styling. In this tutorial we’re going to build almost the same shopping cart but without Vuex. We’ll use the Element UI toolkit of Vue for styling instead of Bulma to try out something new.

The Vue.js only code is simpler to reason about and does the same functionality. Vuex has its place but I wrote this tutorial to demonstrate that it’s not always necessary.

 

https://medium.com/@connorleech/build-a-shopping-cart-with-vue-js-and-element-ui-no-vuex-54682e9df5cd