Vue method

methods


Vue 객체 안에 맵핑되 있는 함수이다.

<div id="app1">
    이름 :  <br>
    주소 :  <br>
    취미 :  <br>
    <br>
    <br>
     - return이 없는 메소드는 blank 출력
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    let model = { "one": "공부하기", "two": "tv 보기" };
    let vm1 = new Vue({
        el: "#app1",
        data: {
            name: "신짱구",
            address: "떡잎마을",
            model
        },

        methods: {
            myInfo: function () { // 템플릿 표현식에서 myInfo() 문법으로 호출
                return "이름 : " + this.name;
            },
            hobby: function (v) {
                return v.split("").reverse().join("");
            },
            no: function () {
                console.log("안녕하세요!!")
            }

        }
    })
</script>

Discussion and feedback