fix a bug in the article.vue file.

[top-talent]

Hello,
I am a Chinese developer and going to learning the vue.js.
I saw your tutorial in youtube.
https://www.youtube.com/watch?v=DJ6PD_jBtU0
I create the aticles.vue and navbar.vue files.
Please see articles.vue file in below.

articles

{{ article.title }}

{{ article.body }}

<script> export default{ data(){ return{ articles: [], article: { id: '', title: '', body: '' }, article_id: '', pagination: {}, edit: false }; }, created() { this.fetchArticles(); }, methods: { fetchArticles(){ fetch('api/articles') .then(res => res.json()) .then(res => { this.articles = res.data; console.log(res.data); }) } } } </script>

I did running this code but there are bugs in this file..
http://prntscr.com/npqrpk
I am not sure about this bug.
Looking forward to hearing from you.
Thanks.

[obuxim]

https://github.com/bradtraversy/larticles_vue_app/blob/master/resources/assets/js/components/Articles.vue

Check this, I think you're doing mistakes while following along. And please copy the contents inside <template></template put a <div></div> and paste your contents back inside the div. It will work.