Convert a jQuery App to Vue.js

1.1 Introduction

jQuery changed that way that we worked with, well, just about everything. And thanks to the idea of jQuery plugins, it also ushered in a new paradigm: Component based development. But today, we live in a world dominated by frameworks that have taken component based development and kicked it into high gear. Vue.js is one of those frameworks. And so naturally, we have a lot of jQuery based applications that's we may want to update. Hi, my name is Jeremy McPeak, and I invite you to spend a half hour or so with me while we look at my grading jQuery code to Vue.js. We'll start by looking at exactly why you might want to update your applications. Because after all, Vue.js approaches application development from a completely different mindset. It gives us a declarative syntax so that we can look at our markup and know exactly what it's doing. With jQuery, [SOUND] not so much. It also gives us the ability to easily trigger Dom updates by manipulating a component's state. And that greatly simplifies the amount of code that we have to write. From there, we'll look at a few other ideas and concepts like how view makes working with forms much easier. We'll also convert a jQuery plugin into a view component. But that isn't always feasible, and so we will also write a view component that wraps around a jQuery plugin. And that gives us the declarative syntax while minimizing the amount of code that we'd otherwise have to write, so this will be fun, and when you're ready, queue up the next video, and we'll get started.