Rewriting the shopping list with simple components

Now that we already know a lot about components, let's rewrite our shopping list application using them.

Tip

For the rewriting of the application, we will use this version of the shopping list application as a base: https://jsfiddle.net/chudaol/vxfkxjzk/3/ .

We have already done it previously, when we started talking about components. But at that time, we used string templates inside the components' options. Let's do it now using templates as we have just learned to do. Let's just have a look at the interface and identify the components again:

Rewriting the shopping list with simple components

Our shopping list application will have four components ...

Get Learning Vue.js 2 now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.