View JS YouTube course

JavaScript
1

I’m following the Vue.js crash course on youtube (by Traversy Media), and I’m using VS Code to follow along the tutorial, but I’m having trouble with the function, data, and return tags.

Here’s a screenshot of my app.js page on Vs Code:

Screen Shot 2022-07-23 at 1.25.32 PM
Screen Shot 2022-07-23 at 1.25.32 PM922×604 44 KB

Why does the “function()” part marked red and how do I fix that?
On the crash course video, the guy uses “data()” instead of “function()” and it works fine.

1 Like
2

Please don’t post into threads unrelated to your question. I’ll move this into a new topic for you.

1 Like
3

Please include a link to the video and maybe a timestamp.
Also hover with the mouse over the underlined word and you should get an error message explaining the issue.
Oh and ofcourse please don’t post images but plain code.

…then use “data()” and not “function()”?

4

Here is the video: Vue JS Crash Course - YouTube at (11:19)

The message when I hover over the code says:

',' expected.ts(1005)
(method) function(): {
    firstName: string;
}

Right, here’s the code:

const app = Vue.createApp({
    template: '<h1>Hello {{firstName}}</h1>'
    function() {
        return {
            firstName:'John'
        }
    }

})

app.mount('#app')
5

That means you are missing a comma.

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.