Vue的href动态拼接绑定

 <div id="appp">
     <table>
         <tr v-for="item in sites">
             <td>
                 <a :href="'addalarmnotes.do?alarmId='+item.id+'&activetype1=detail'" target="_blank">{{item.name}}</a>
             </td>
         </tr>
     </table>
 </div>

注意的是：

1. 注意点：href前面要加“：”或者v-bind:
2. 字符串要用单引号“ '' ”包住

   加上了冒号是为了动态绑定数据，等号后面可以写变量。
   如果不使用冒号，等号后面就可以写字符串等原始类型数据。这是就无法进行动态绑定数据了

　

 <script>
     new Vue({
         el: '#appp',
         data: {
             sites: [
                 { name: 'Runoob' ,id:"1"},
                 { name: 'Google' ,id:"2"},
                 { name: 'Taobao' ,id:"3"}
             ]
         }
     })
 </script>