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 the O’Reilly learning platform.

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