vue.js:v-bind

20171226

by YiruAtStudio

HTML

<div id="myapp">
    超連結<br>
    <a href="http://www.google.com/" title="123">link0</a><br>
    <a v-bind:href="url" v-bind:title="hint">link1</a><br>
    <!--結果相同，為簡寫-->        
    <a :href="url" :title="hint">link2</a>
    
</div>

JavaScript

new Vue({
    el: '#myapp',
    data: {
        url: 'https://dotblogs.com.tw/YiruAtStudio',
        hint: '連到YiruAtStudio'
    }
});