Vue is a "progressive framework for building user interfaces." Its core library is designed to be fast and flexible and is only focused on the view layer.
In this course, you'll gain a basic understanding on how to construct components and nested components and see how Vue reactively keeps the DOM up to date when data is changed. You should get a taste of what Vue has to offer and gain a better understanding of how you can use it for your own application development.
Vue.js is a "progressive framework for building user interfaces." The core of Vue is focused on the view layer only. It's easy to get started and quick to set up.
In this lesson, we will create a basic Vue component using the
new Vue() method and add
data properties to show dynamic content in window.
v-model to create 2-way data binding. You can render dynamic options in a select element and bind them to their data. Use
v-bind on inputs to use dynamic properties on the Vue instance. Adding modifiers like
.trim allow us to trim our methods and let Vue take care of things like trimming white space.
By building components, you can extend basic HTML elements and reuse encapsulated code. Most options that are passed into a Vue constructor can be passed into a component. Each instance of a component has an isolated scope. Data can only be passed one direction and it must be from parent to child using
props. To communicate with the parent element, use the