Want to implement component nesting in this way:

The current implementation method: nested in the template in app-content.vue

index.html

main.js

import Vue from '../node_modules/vue/dist/vue'; import app from './app.js'; new Vue(app);

app.js

import content from '../components/app-content.vue' module.exports={ el:"#app", data:{}, components:{ appContent:content } };

app-content.vue