Written by
최태열
on
on
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