try:連接g+ sheet json資料

by cactus77kiki

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.6/vue.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<div id="app">
  <ul>    
    <li class="portfolio-item2" data-id="id-{{$index}}" v-bind:data-type="todo.gsx$zone.$t" v-for="todo in data">
      <div>        
        <span class="image-block">
          <a class="image-zoom" v-bind:href="todo.gsx$cover.$t" rel="prettyPhoto[gallery]" v-bind:title="todo.gsx$albumname.$t">
            <p class="post-subtitle-portfolio">{{ todo.gsx$albumname.$t }}</p>
          </a>
        </span>
      </div>
    </li>    
  </ul>
</div>

JavaScript

/*import external vue.js: 1.0.6 version; jquery.js: 2.2.4 version */
var url = "https://spreadsheets.google.com/feeds/list/18UY5yz9fL60EGM4VZUwdo0647PwdkVO2TXaXCLE41TI/1/public/values?alt=json";  

jQuery.getJSON(url).success(function(data) {                                       
    new Vue({
  		el: '#app',
  		data: {
    		data: data.feed.entry                                     
  		}      
	});                               
}).error(function(message) {
    console.error('error' + message); 
}).complete(function() {            

});