[Vuejs]-Vue component stops working when wrapped into another component

by

0👍

✅

Just make sure that you are importing child components inside it’s parent correctly:

main-component > watchlist > watchlist-item
               |           |
              has         has

0👍

Well it doesnt work because you need to register it via components, but first you need to import it.

<template>
    <div id="watchlistItem">
        <watchlist></watchlist>
    </div>
</template>
<script>
    import watchlist from "path/to/watchlist";
    export default {
        name: "watchlist",
        components: {
           watchlist: watchlist
        }
    }

Leave a comment