Template 문법

뷰는 템플릿 문법을 통해서

setup에 바인딩 할 수 있다.

텍스트 보간법.

이중 중괄호 콧수염 괄호라고 하는데

이걸 통해 변수에 바인딩이 될 수 있다.

v-once

한번만 바인딩하고 그 이후에 렌더링 하고 싶지 않다면 v-once 라는 속성을 사용하면 된다.

v-html

v-html 이라는 애를 사용하는 경우

cross site scripting 취약점이 발생할 수 있음 XSS 악성 스크립트를 삽입할 수도 있기 때문.

script 태그 안에 넣어서 보내줄 수 있다.

v-bind

속성 바인딩 v-bind

속성에 bind를 하고 싶으면 v-bind:속성="값"

이런식으로 상요하면 된다.

변경하면 변경한대로 나오게 된다.

disabled 같은 속성의 경우에 v-bind:disabled =”불린속성”

false true 에 따라 비/활성화 됨.

v-bind의 경우 단축 속성을 제공한다. 그냥 : 이렇게 만 사용해 된다.

또 한꺼번에 바인딩할 수 있다. v-bind=”type:’password’, value:’123456’”

이런식으로 해서 input 태그에 바인딩하면 패스워드가 만들어지는 것을 볼 수 있음.

참고

{{}} 이런애 안에는 javascript 의 모든 문법이 먹게 된다.

{{arr.split.join}} 뭐 이런식으로 사용할 수 있음.