SHARE

Hey gang, in this Vue js tutorial I’ll show you how we can create data and methods on the Vue instance and use them in our template.

—– COURSE LINKS:
+ Repo – https://github.com/iamshaunjp/vuejs-playlist
+ Atom editor – https://atom.io/a
+ Download GIT – https://git-scm.com/
+ Vue docs – https://vuejs.org/v2/guide/

———————————————————————————————
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress, Node.js & more on the channel homepage…

SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== PSD to WordPress Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gnow7e45LQFkNVxwQ5BH-W

============ Node.js for Beginners Playlist =============

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp

============== The Net Ninja =====================

For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

================== Social Links ==================

Twitter – @TheNetNinja – https://twitter.com/thenetninjauk

14 COMMENTS

  1. Hi! I guess if we want to write ES6 arrow function syntax in Vue method, this.data will no longer function, as "this" now refers to "Window", not "Vue" object any more.
    So in this case, I choose to separate data outside, as:

    const myData = {
    x: 1,
    y: 2,

    };

    new Vue({
    data: myData,
    methods: {
    methodA: () => {
    return mydata.x; // <– works
    }
    }
    });

  2. These tutorials are amazing. I'm really new to Vue and coding in general, and this has been the most helpful resource I've found.

  3. Looking at your git hub repository, is it really necessary to have each branch as a lesson? why not each commit as a lesson?

LEAVE A REPLY

Please enter your comment!
Please enter your name here