CDN 방식
실제 vue로 작업할 때는 CDN 방식을 사용하지 않지만, jsp에서 vue를 사용할 수 있기 때문에 vue.js의 문법을 익히기에 낯설지가 않다. 그래서 cdn 방식으로 연습을 하면 좋다.
jsp에서 script를 통해 api 사용처럼 연결하는 형태
JS의 함수에서 vue.js로 선언된 변수 안의 데이터를 가져올 때는 vue변수.데이터키 로 사용하여 불러온다
1
2
3
4
5
6
7
8
9
10
11
var vTest = new Vue({
el:"#test",
data : {
a : "select A",
b : "select B",
}
})
function test(){
alert(vTest.a) ==> select A 문구 알람창 발생
}