在Laracasts搜索即服务之后，Vue不使用Algolia打印变量值：Javascript Baby Steps

I get to 5:35 in the video but when I test it {{ user.make }} gets printed out without the value of the variable replacing {{ user.make }}. It should be "600AJ" but its {{ user.make }} printed on the screen. I am trying to do this in a laravel app, all my code is in the resources/layouts/app.blade.php page. When I try to load say welcome.blade.php in the browser {{ user.make }} gets printed instead of "600AJ". Any thoughts?

For those that are not familiar with the tutorial video here is the code:

<div class="results">

<article v-repeat="user: users">
    <h2>@{{ user.make }}</h2>
    <h2>@{{ user.model }}</h2>
</article>
</div>

<script>

new Vue({
    el: 'body',

    data: { users: [] },

    ready: function() {
        this.client = algoliasearch('key1','key2');
        this.index = this.client.initIndex('test_contacts');



        index.search('600aj', function(error, results) {
                this.users = results.hits;
            }.bind(this));
        }

});