Data Binding

 

app.js 의 data에

website: 'https://www.sir.kr' 입력한 후에..

 

index.html에서 

<h1>Data Binding</h1>

<a v-bind:href="website">SIR</a> 로 입력.. 

 

v-bind:href 나 :href나 같은 형태로..  

 

input<tab>으로 하면 

<input type="text"> 까지만 나오네요.  

<input type="text" value="">까지 나와야 되는데..

 

html snippets을 설치하면 <input type="" name="" value="">까지 나오네요

https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets

 

value와 data binding하려면 v-bind:value="name" 으로 하면 이름이 바인딩 됩니다. (:value)

 

app.js 에

websiteTag: '<a href="https://www.sir.kr">SIR site</a>'

 

index.html에 v-html 태그를 사용해서 링크를 연결하면 됩니다.

 

<p v-html="websiteTag"></p>

 

live server가 이것은 인식을 못하네요..  stop했다가 다시 실행시켜보세요

 

https://github.com/iamshaunjp/vuejs-playlist/tree/lesson-4