Join Michael Sullivan for an in-depth discussion in this video Using the exercise files, part of Learning Vue.js (2017).
- [Instructor] All of the code that I'll go over in the videos will be available in the exercise files. A folder for each chapter will contain subfolders for each video where code was created or edited. In those folders, there will be a Start folder, if I'm not starting from scratch, and also a Final folder reflecting the state of the code at the beginning and the end of each video. For this course, I'll be using the Cloud9 IDE in the browser. If you decide to follow along and do the same, you can generally just drag and drop these files into the current workspace and start using them, although several of the later videos require installing and running certain build tools, which is explained in the first video of chapter four.
If you decide not to use Cloud9, but you still want to follow along on your own, then you can use these files in your normal, local development environment. But for those later videos, you will need to be running Node.js, which is installed by default in the Cloud9 template that I'll be using.
In this course, Michael Sullivan introduces the Vue framework, explains which problems it aims to solve, and shows how to add Vue to a new or existing webpage. Michael examines a Vue instance and its lifecycle, and shows simple and advanced data binding techniques along with how to manage CSS related attributes dynamically and handle user input and events. After he covers the key concepts and basic conventions of Vue, Michael dives into its component system, which can help you create modular, reusable code, and shows how to use the vue-router plugin to set up a single-page application with client-side routing.
- Creating a Vue app
- Applying control logic
- Binding to the style attribute and class attribute
- Reviewing the features of a Vue instance
- Registering and using Vue components
- Installing vue-cli and webpack
- Understanding the Vue app skeleton