Modify example to adapt to Vue.js 2.0.x

PeachScript · PeachScript · commit 754424b6d92f · 2016-09-17T02:57:53.000+08:00
diff --git a/example/index.html b/example/index.html
@@ -27,7 +27,7 @@
 <body>
   <div id="app">
     <p class="example-list-item" v-for="item in list" v-text="item"></p>
-    <infinite-loading :on-infinite="onInfinite" :distance="distance" v-if="list.length < 300"></infinite-loading>
+    <infinite-loading :on-infinite="onInfinite" :distance="distance" v-if="list.length < 300" ref="infiniteLoading"></infinite-loading>
   </div>
   <script>
     new Vue({
@@ -50,7 +50,7 @@
             }
 
             this.list = this.list.concat(temp);
-            this.$broadcast('$InfiniteLoading:loaded');
+            this.$refs.infiniteLoading.$emit('$InfiniteLoading:loaded');
           }.bind(this), 1000);
         }
       }

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@`
`27`	`27`	`<body>`
`28`	`28`	`<div id="app">`
`29`	`29`	`<p class="example-list-item" v-for="item in list" v-text="item"></p>`
`30`		`- <infinite-loading :on-infinite="onInfinite" :distance="distance" v-if="list.length < 300"></infinite-loading>`
	`30`	`+ <infinite-loading :on-infinite="onInfinite" :distance="distance" v-if="list.length < 300" ref="infiniteLoading"></infinite-loading>`
`31`	`31`	`</div>`
`32`	`32`	`<script>`
`33`	`33`	`new Vue({`
`@@ -50,7 +50,7 @@`
`50`	`50`	`}`
`51`	`51`
`52`	`52`	`this.list = this.list.concat(temp);`
`53`		`- this.$broadcast('$InfiniteLoading:loaded');`
	`53`	`+ this.$refs.infiniteLoading.$emit('$InfiniteLoading:loaded');`
`54`	`54`	`}.bind(this), 1000);`
`55`	`55`	`}`
`56`	`56`	`}`