bug example

dist/example.js

@@ -10670,12 +10670,13 @@
 	        extensions: 'gif,jpg,png',
 	
 	        files: [],
+	        upload: {},
 	        drop: true
 	    },
 	
 	    compiled: function compiled() {
-	        this.files = this.$refs.upload.files;
-	        this.$refs.upload.request = {
+	        this.upload = this.$refs.upload;
+	        this.upload.request = {
 	            headers: {
 	                "X-Csrf-Token": "xxxx"
 	            },
@@ -10683,7 +10684,7 @@
 	                "_csrf_token": "xxxxxx"
 	            }
 	        };
-	        this.$refs.upload.$watch('files', function () {});
+	        this.files = this.$refs.upload.files;
 	    },
 	    methods: {
 	        remove: function remove(file) {

index.html

@@ -66,14 +66,14 @@
         </table>
         <br/>
         <br/>
-        <table style="width: 100%;	border: 1px solid #ddd;" >
+        <table style="width: 100%;	border: 1px solid #ddd;">
             <tbody>
                 <tr>
                     <td>
                         <file-upload title="Add upload files" class="file-upload" name="file" post-action="./post.php" put-action="./put.php"  :extensions="extensions" :accept="accept" :multiple="multiple" :size="size" v-ref:upload :drop="drop"></file-upload>
                     </td>
                     <td>
-                        <button v-if="$refs.upload && $refs.upload.active" type="submit" @click.prevent="$refs.upload.active = !$refs.upload.active">Stop upload</button>
+                        <button v-if="upload.active" type="submit" @click.prevent="$refs.upload.active = !$refs.upload.active">Stop upload</button>
                         <button v-else type="submit" @click.prevent="$refs.upload.active = !$refs.upload.active">Start upload</button>
                     </td>
                     <td>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-upload-component",
   "description": "Vue.js file upload component, Support for multiple file uploads, progress, html5, html4, support ie9",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "author": "LianYue",
   "scripts": {
     "dev": "webpack-dev-server --inline --hot",

src/example.js

@@ -34,12 +34,13 @@ new Vue({
         // extensions: ['gif','jpg','png'],
         // extensions: /\.(gif|png|jpg)$/i,
         files: [],
+        upload: {},
         drop: true,
     },
 
     compiled: function() {
-        this.files = this.$refs.upload.files;
-        this.$refs.upload.request = {
+        this.upload = this.$refs.upload;
+        this.upload.request = {
             headers: {
                 "X-Csrf-Token": "xxxx",
             },
@@ -47,9 +48,7 @@ new Vue({
                 "_csrf_token": "xxxxxx",
             },
         };
-        this.$refs.upload.$watch('files', function() {
-
-        });
+        this.files = this.$refs.upload.files;
     },
     methods: {
         remove: function(file) {