Veu.js3 -fundamentals - Issues

Dear All,

Not getting the expected result. I have shared the Code screenshot as well the output screenshot and I am unable to get the desired result.

Also, when trying to check by using the inspect element, I am getting an Uncaught ReferenceError: Vue is not defined. Looking forward for a help to get over the issue.

Hi there.
Looks like your shoppingList variable is your where you stored your Vue app.
I don’t think you can chain the mount method on the Vue.create method(if that’s what you were trying), but I might be wrong.
I think you have to use the mount method on the Vue app that you created with the Vue.create method
try this:

const mountedApp = shoppingList.mount('#shopping-list');

I think this is from the Vue Mastery course.
Note that this is the official Vue forum, so many people will not know what your title means unless you tell them where you experienced this problem.

Hi,

Your code is going to work if you change this line

<script type="https://unpkg.com/vue@3"></script>

To this

<script src="https://unpkg.com/vue@3"></script>

You are setting type attribute of script tag to Vue’s CDN link. Which gives you
Uncaught ReferenceError: Vue is not defined

Hope this helps.

If you have any questions, I’ll be happy to help :slight_smile:

1 Like

Dear Sir,

Thank you for your great help. The code is working now fine. Thank you once again.

Dear Sir,

Thank you for your assistance. Yes, I will try to incorporate your advice and will check how things are working.