Getting up and running with your new component

Follow these steps to add your component to your Vue application:

1. Open the App.vue file in the src folder.
2. In the components property, asynchronously import the RandomCat.vue component:
   

<script>
export default {
  name: 'App',
  components: {
    RandomCat: () => import('./components/RandomCat'),
  },
};
</script>

3. In the <template> section of the file, declare the imported component:

<template>
  <div id="app">
    <random-cat />
  </div>
</template>

To run the server and see your component, you need to open Terminal (macOS or Linux) or Command Prompt/PowerShell (Windows) and execute the following command:

> npm run serve

Here is your component rendered and running: