[index.html]

    
    
    
    
  
  
    

      
{{ greet('night') }}
      website_1
      
      


      
Name : {{ name }}
      
Job : {{job}}
    

    {{ name }}


    

[app.js]

new Vue({
  el:'#vue-app',
  data:{
    name:'myung',
    job:'ninja',
    website:'http://jmyung.tistory.com',
    websiteTag:'the myung website'
  },
  methods: {
    greet:function(time) {
      return 'Good ' + time + ' ' + this.name;
    }
  }
});

https://www.youtube.com/watch?v=Ni6qd0uRoKY&list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa&index=2#t=2.99073

app.js

index.html

styles.css

https://www.youtube.com/watch?v=4Gh5YcvGDjI