Axiosの使い方が分かりません

https://qiita.com/minato-naka/items/9362ea5af5f823c95b0b

このサイト通りにやっています。

環境がLaravel sailでやや特殊なのですがそれ以外はGitHubにもあるPackage.jsonなどを見て各モジュール・ライブラリなどのバージョンも合わせています。このサイト通りにやってもできないので、酷似したものを作っているhttps://taroosg.io/laravel-vue-spa-exampleこのサイトを見ていて思ったのですが、

https://qiita.com/minato-naka/items/9362ea5af5f823c95b0b

<script>
    export default {
        props: {
            taskId: String
        },
+        data: function () {
+            return {
+                task: {}
+            }
+        },
+        methods: {
+            getTask() {
+                axios.get('/api/tasks/' + this.taskId)
+                    .then((res) => {
+                        this.task = res.data;
+                    });
+            },
+            submit() {
+                axios.put('/api/tasks/' + this.taskId, this.task)
+                    .then((res) => {
+                        this.$router.push({name: 'task.list'})
+                    });
+            }
+        },
+        mounted() {
+            this.getTask();
+        }
    }

</script>

このサイトだとconstでuri？が格納・定義されていなくて、

https://taroosg.io/laravel-vue-spa-example

<script>
    export default {
-       mounted() {
-           console.log('Example Component mounted.')
-       }
+       data() {
+           return {
+               task: {}
+           }
+       },
+       created() {
+           const uri = `/api/task/edit/${this.$route.params.id}`;
+           this.axios.get(uri).then((response) => {
+              this.task = response.data;
+           });
+       },
+       methods: {
+           updatePost() {
+               const uri = `/api/task/update/${this.$route.params.id}`;
+               this.axios.post(uri, this.task).then((response) => {
+                   this.$router.push({name: 'tasks'});
+               });
+           }
+       }
    }
</script>

このサイトだと定義されているのは何でですか？