Vue.js: Data Binding

สำหรับ data binding นั้นมีหลายแบบมาทดลองเขียน binding สำหรับ html element ดังตัวอย่างต่อไปนี้

กำหนดผ่าน v-bind:html element เช่น

<input type="text" v-bind:value="text" /> <br />

หรือ กำหนด ผ่าน : (colon) เช่น

<a :href="web">ProgrammerThailand</a>

หากตัวแปรที่จะ binding นั้นเป็น html code ก็สามารถใช้ v-html ได้ เช่น

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