Learn about using the vue-loader with single file components for good code organization and ES6 support.
With single-file components,…we can enjoy the same color coding and auto-completion…that we do with HTML and other types of code.…We can also use new JaveScript features…in ECMAScript6 or the ES2015 spec,…including modules to avoid scope issues…without worrying about browser compatibility,…since we'll be transpiling our code down…
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