Hi @ashleywnj. I saw that in your fiddle you're using the 0.11 version. Is that right?

This version is very old, and there are a lot of changes on the 1.0.* releases.

I made a fiddle with the newest version (1.0.7), that works. Here is the code:

https://jsfiddle.net/kkpLnv6k/

Some points that you can take a look:

First, this is the cheatsheet for the syntax of the 1.0.* version: https://github.com/vuejs/vue/wiki/1.0.0-binding-syntax-cheatsheet

Other point is that the v-repeat directive is deprecated. Now, you have to use the v-for directive.

The last one is that in order to make it work with the Blade templates, you have to put the @ symbol before the mustache tags, as you have made in your fiddle.

Hope it helps!!

Which Vue version are you using??

Then use the vue-resource to get data.

 fetchData: function () {
    var self = this;
    self .$http.get( apiURL, function( data ) {
        self.items = data;
    });

    } 

check this

check this link http://jsfiddle.net/makuchy/t40Lcgqk/

Thank you @vitorarjol - with the updated cdn and your script it worked. Still puzzled why i could get it to work in a fiddle but not in my page.

Thanks @Devmaurice - will try the vue-resource to get the data rather than jquery to parse.

@ashleywnj Maybe it's because the list of items need an identifier in order to work. Something like this:

<li v-repeat="item: items">
      - <span class="message">{{item.commit.message}}</span><br>
      by <span class="author">{{item.commit.author.name}}</span>
      at <span class="date">{{item.commit.author.date}}</span>
    </li>

These are the old docs: http://011.vuejs.org/guide/list.html#Using_an_identifier

=]

@vitorarjol "The last one is that in order to make it work with the Blade templates, you have to put the @ symbol before the mustache tags, as you have made in your fiddle."

If you use Vue and Blade together a lot you can also choose to change the delimiters of Vue. You can do this by adding:

Vue.config.delimiters = ["[[", "]]"];

This way you can use {{ }} for Blade and [[ ]] for Vue.