2- Vue.js for Beginners in Arabic | The Vue instance and one way data binding

[@youssefalaa3576]

Great video continue please

[@amrsamy9007]

Nice , Keep it up

[@SM-hl3gd]

Awesome

[@SM-hl3gd]

👍👍👍👍👍

[@ahmedel-nemr9020]

I Will follow it, keep it up 💪

[@AmrSekilly]

Thanks Ahmed! ❤️

[@ahmedel-nemr9020]

Thanks for your time

[@mustafaorhan9169]

Hi my good teacher Mr. Amr . Thanks alot for your very good explanation . I hope you will do many courses about React , Angular 2 , NodeJs etc.... :)

[@AmrSekilly]

Thanks, I will!

[@mustafaorhan9169]

Mr. Amr when I write your main.js it diden't work, but when I wrote this code in main.js it began work! window.addEventListener('load', () => { window.vue = new Vue({ el: "#myApp1", data: { product: "samsung", } }) }) but this code dident work, why? const app = new Vue({ el: "#myApp1", data: { product: "samsung", }, });

[@AmrSekilly]

@@mustafaorhan9169 Where did you put the script tag for main.js? I mean where exactly in the HTML file?

[@mustafaorhan9169]

Dear Mr.Amr, this is my index.html code : Document _____________ {{product}} _____________ ----------------------------------------------------------------------------------------- And this is my main.js code: const app = new Vue({ el: "#myApp", data: { product: "samsung", image: "./images/s1.jpg", }, }) The error is : [Vue warn]: Cannot find element: #myApp I don't know why its work with you and don't work with me !? ----------------------------------------------------------------------------------------- But when I change the code to : window.addEventListener('load', () => { window.vue = new Vue({ el: "#myApp", data: { product: "samsung", image: "./images/s1.jpg", } }) }) its began work !? The question is whats the difference between them ?