simple vue.js 2.0 example to add dynamic values in gohugo.io static websites.

gistfile1.txt

=== rest.php ===

some php that creates html output

=== put in your app.js ===

$( document ).ready(function() {

    var url_api = 'http://www.domain.com/api/rest.php';
    var header = new Vue({
        delimiters: ['((', '))'],
        el: '#api',
        data: {
            message: '...'
        },
        created: function () {
            this.fetchData();
        },
        methods: {
            fetchData: function () {
                var self = this;
                $.get( url_api, function( data ) {
                    self.message = data;
                    // console.log(data);
                });
            }
        }
    })

});

=== inside your hugo layout ===

<script type="text/javascript" src="{{ "js/vue.min.js" | absURL }}"></script>

<div id="api">
    <div v-html="message"></div>
</div>

Really? Vue and jQuery. Missing Mootools and React