Component composition

The first thing to do is import this component into the ClientApp/components/App.vue file, and register it as a child component of our main App component. Replace the entire script block of the App component with the following:

<script>import ProductList from "./products/List.vue";export default {  name: "app",  components: {    ProductList: ProductList  }};</script>

The first thing to note here is the import line at the top of this block. If you're new to frontend frameworks, this might not make a lot of sense to you. In the modern JavaScript world, we break the application up into chunks, usually also splitting it into separate physical files, which are known as modules. A module will export some piece of functionality which ...

Get ASP.NET Core 2 and Vue.js now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.