Learn TypeScript 3 by Building Web Applications

Components and props

Vue has also embraced a component architecture, and for good reason! As we discussed in the previous chapter, components make it easy for us to compose/reuse simple concepts and build large and complex applications in a tractable way.

Conceptually, all the user interfaces can be decomposed into a component tree:

Here's how you can declare a component with Vue:

Vue.component('todo-task', { 
    props: ['description'], 
    template: '<li>{{description}}</li>' 
}); 

The component declaration is quite easy to understand. The component name is the first argument of the function, while the second argument is an object that contains different ...