操作属性

格式：

<标签名 :标签属性="data属性"></标签名>

　　

指令带有前缀 v-，以表示它们是 Vue 提供的特殊 attribute。可能你已经猜到了，它们会在渲染的 DOM 上应用特殊的响应式行为。在这里，该指令的意思是：“将这个元素节点的 title attribute 和 Vue 实例的 message property 保持一致”。

　　

例子：

<div id="app">

     <a :href="href">{{msg}}</a>
     <input type="text" v-model="msg">
     <input type="text" v-model="href">

 </div>
<script>
        let vm = new Vue({
            el:"#app",
            data:{
                msg:"百度",
                href :"http://www.baidu.com"
            }
        })
</script>