cli 설치하지 않고 기존 프로젝트에 script 파일만으로 동작
1. login 화면이므로 뒷단인 /loginproc는 구현해야 함.
2. go lang에서 사용을 위해 기본 delimiter인 {{ }} 를 [[ ]] 으로 변경 함.
화면에서 {{ abc }} 로 출력하려고할 때 go에서 먼저 abc라는 변수를 찾음
그래서 분리가 필요하여 Vue에서 사용하는 delimiter를 변경함
go에서는 {{ abc }}, vue에서는 [[ abc ]] 로 쓰면 됨.
각 vue component에 delimeters : ['[[', ']]'] 를 추가
3. component에서 binding 할 변수 형태 주의
(1) data : { pataTitle }
(2) data : function(){ return { pageTitle : "타이틀" } }
- new Vue 에서는 (1)의 형태가 동작함
- Vue.component 에서는 (2)의 형태가 동작함
4. 정의한 component 불러오기
cli가 설치된 경우 xxx.vue 파일이면 한방에 되지만 없이 하는 것이므로 import 구문이 먹지 않는다.
그래서 script 태그에 component 파일 위치를 추가한 다음
new View 의 components 안에 사용할 태그명 : component 변수 명을 쓴다.
ex) var componentlogin = Vue.component("login", ...)
var app = new Vue({ ... , components : { 'login', componentlogin } })
5. html 태그의 경우 굳이 script 내에 template으로 추가할 필요가 있는지 검토할 것
왜냐하면 go lang의 경우 자체 template 기능이 있어 화면을 분할하여 html 태그가 정의 됨.
다시 script로 lendering할 필요가 굳이 있는가?
특정 요건( html + script)인 경우에는 template로 뺴고
아닌 경우에는 script 에 function으로 제어해도 될 듯.
-----
첨부된 파일 참조할 것.
