<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"><title>JS Bin</title> </head><body><div id="app"><h1>Hello, {{ name }}</h1><h2>{{ Date() }}</h2><img :src="smile ? feelsgood : feelsbad"/></div> <script src="https://unpkg.com/vue/dist/vue.js"></script><script>var app = new Vue({el: '#app', // 어떤 엘리먼트에 적용을 할 지 정합니다// data 는 해당 뷰에서 사용할 정보를 지닙니다data: {name: 'Vue',smile: false,feelsgood: 'http://sample.bmaster.kro.kr/photos/61.jpg',feelsbad: 'https://blockchain.info/qr?data=1CbjQChgb3dWCsPAtMUoRbk3XQJHJAQkJz&size=200'} });</script>
</body></html>
위 소스 같이 smile를 false로 한 경우 ..
위 소스 같이 smile를 ture 로 한 경우 ..
iesay
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.
