Build a shopping cart with Vue 2 and Vuex

In a previous tutorial we went through the basics of setting up a todo application with Vue.js. In this tutorial we will build out a shopping cart application with Vue.js and Vuex. Vuex is a state management library for Vue.js…. Source: https://medium.com/@connorleech/build-a-shopping-cart-with-vue-2-and-vuex-5d58b93c513f

4 AJAX Patterns For Vue.js Apps

If you ask two Vue.js developers “what the best way is to use AJAX in an app?”, you’ll get three different opinions. Vue doesn’t provide an official way of implementing AJAX, and there are a number of different design patterns that may be used effectively…. Source: https://vuejsdevelopers.com/2017/08/28/vue-js-ajax-recipes/

Deploying to Github Pages with Vue Webpack CLI

Have you ever tried to deploy your project using the Vue Webpack CLI to Github Pages? The CLI is a great system that allows us to take advantage of many features, such as ES6 syntax and Vue Template… Source: https://medium.com/@mwolfhoffman/deploying-to-github-pages-with-vue-webpack-cli-5b2ba17f14a0

Reactivity in Depth

We’ve covered most of the basics – now it’s time to take a deep dive! One of Vue’s most distinct features is the unobtrusive reactivity system. Models are just plain JavaScript objects. When you modify them, the view updates…. Source: https://vuejs.org/v2/guide/reactivity.html#How-Changes-Are-Tracked

Using Mixins in Vue.js

It’s a common situation: you have two components that are pretty similar, they share the same basic functionality, but there’s enough that’s different about each of them that you come to a crossroads: do I split this component into two different components? Or do I keep one component, but create… Source: https://css-tricks.com/using-mixins-vue-js/

Vue.js 2.0 In 60 Minutes

In this crash course we will cover all of the fundamentals of the Vue.js 2.0 JavaScript framework. Vue-cliDeclarative RenderingDirectivesConditionals & LoopsEvents & InputTemplatesComponentsPropertiesvue-routervue-resourceFULL VUE.JS COURSE – https://www.eduonix.com/affiliates/id…For more on this… Source: https://www.youtube.com/watch?v=z6hQqgvGI4Y

Vue Time Comparison

Using the browser’s native API for .toLocaleTimeString to get rid of libraries like moment.js for world time that respects daylight savings. Made with Vue, SVG, GreenSock, and ??… Source: https://codepen.io/sdras/details/RZGqxR