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>
このサイトだと定義されているのは何でですか?
あなたの回答
tips
プレビュー