Untitled

'use strict';
import Vue from 'vue'
//import 'bootstrap/dist/css/bootstrap.min.css';
import App from './components/App.vue'

new Vue({
    el: 'app',
    created: function () {
        console.log('root instance was created')
    },
    components: {App},
    methods: {}
});

'use strict';

import Vue from 'vue';

const bus = new Vue();

export default bus;

'use strict';
import Vue from 'vue'
//import 'bootstrap/dist/css/bootstrap.min.css';
import App from './components/App.vue'

new Vue({
    el: 'app',
    created: function () {
        console.log('root instance was created')
    },
    components: {App},
    methods: {}
});

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>VueJS NodeJS and Express  Todo App</title>
</head>
<body>
<div class="app">
    <app></app>
</div>
<script src="/build/bundle.js"></script>
</body>
</html>

Vue.component('app', {
  template: '<h3>Template Text</h3>'
});

new Vue({
    el: '#example',
    created: function () {
        console.log('root instance was created')
    },
    methods: {}
});

<div id = "example">
        <app></app>
    </div>