JS Expressions (자바 스크립트 표현식)

뷰의 템플릿에서도 자바스크립트 표현식을 사용할 수 있다고 한다.

 

어떻게 쓸 수 있을까???? 

 

{{ }} 

 

데이터 바인딩 방법 중 하나인 {{ }} 안에 자바스크립트를 표현식으로 넣으면 된다고 한다.

 

따라서 우리는 아래 코드처럼 사용할 수 있다.

 

 

<div id="app">
   <p>{{ message }}</p> -------------------------------------> ( O )
   <p>{{ message + "!!!!" }}</p> -----------------------------> ( O )
   <p>{{ message.split( ' ' ).reverse( ).join( ' ' ) }}</p>  ------> ( O ) 복잡한 연산. 허용은 되지만 but. 지양....
   <p>{{ if (ok) { return message } }}</p> ---------------- ---> ( X )  분기분, 여러 연산 : 문법적으로 불가.
</div>

....

<script>
  new Vue({
     el : '#app',
     data : {
        message: 'Hello'
      }
  })
</script>