vue v-bind

20171226

by Syuan Shih

HTML

<div id="app">
    <p>讓滑鼠到連結上hover</p>
    <!-- 上下兩者結果一樣，下面為縮寫寫法 -->
    <a v-bind:href="url" v-bind:title="hint">link1</a>
    <br>
    <a :href="url" :title="hint">link2</a>
</div>

JavaScript

var vm = new Vue({
    el: '#app',
    data: {
        url: 'http://www.google.com/',
        hint: '連到google網站'
    }
});