Vue_Function

App.vue

<template>
    <div>
        <HelloWorld mesg="안녕 세계"></HelloWorld>
    </div>
  </template>
  
  <script>
  import HelloWorld from './components/HelloWorld.vue'
  export default {
        components: {
            HelloWorld
        },
}

  </script>
  <style>
  </style>

HelloWorld.vue

<template>
  <div>
    {{ username }}<br>
    {{ age }}<br>
    {{ mesg }}<br>
    {{ xxx() }}<br>
    {{ yyy('y함수 내부') }}<br>
  </div>
</template>

<script>
export default {
    props:{
        mesg: String
    },
    data: function(){
       return {
        username: "홍길동",
        age: "20"
        }
    },
    methods:{
        xxx: function(){
            console.log("xxx");
            return this.username+"\t"+this.age;
        },
        yyy: function(aaa){
            console.log(aaa);
            return this.username+"\t"+aaa;
        }
    }

}
</script>

<style>

</style>