สำหรับ 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>
See the Pen Vue10 by Manop Kongoon (@kongoon) on CodePen.
ความคิดเห็น