test-vue-js-with-placeholder

<div id="vue-test">
    <h1>Loading message...</h1>
</div>
<script>
    require (['vue'], function(Vue) {
        'use strict'

        new Vue({
            el: '#vue-test',
            data: {
                message: 'This is a test'
            },
            mounted() {
                // Replace the content of the h1 element with the Vue message
                const vueContentPlaceholder = document.querySelector('#vue-test h1');
                vueContentPlaceholder.textContent = this.message;
            }
        });
    })
</script>