The Vue.js tutorial I watched makes me think that there is a convention to always put the data, methods, and computed sections first in the export default block.

Author: Veronika271

src/components/Inputs/DocumentUpload/DocumentUpload.vue

@@ -11,11 +11,10 @@
 export default {
   name: 'DocumentUpload',
   props: ['constraints', 'init'],
-  watch: {
-    input() {
-      // if there is a change, emit it.
-      this.$emit('valueChanged', this.input);
-    },
+  data() {
+    return {
+      selectedFile: null,
+    };
   },
   methods: {
     onFileSelected(event) {
@@ -31,15 +30,16 @@ export default {
       return this.a + this.b;
     },
   },
-  data() {
-    return {
-      selectedFile: null,
-    };
-  },
   mounted() {
     if (this.init) {
       this.selectedFile = this.init;
     }
   },
+  watch: {
+    input() {
+      // if there is a change, emit it.
+      this.$emit('valueChanged', this.input);
+    },
+  }
 };
 </script>