Vue - v-bind探索

<div id="app">
<pre><a v-bind:href="url">菜鸟教程</a></pre>
</div>

<script>
new Vue({
el: '#app',
data: {
    url: 'http://www.runoob.com'    //尝试使用{{url}}失败，{{}}只可以用来显示文本，改属性只能用v-bind, 而且v-bind在解析class和href的时候不一样，不能使用选择方法{a:true,b:false}
}
})
</script>