Vue的href動態拼接綁定

1 <div id="appp">
2     <table>
3         <tr v-for="item in sites">
4             <td>
5                 <a :href="'addalarmnotes.do?alarmId='+item.id+'&activetype1=detail'" target="_blank">{{item.name}}</a>
6             </td>
7         </tr>
8     </table>
9 </div>

註意的是：

1. 註意點：href前面要加“：”或者v-bind:
2. 字元串要用單引號“ '' ”包住

   加上了冒號是為了動態綁定數據，等號後面可以寫變數。
   如果不使用冒號，等號後面就可以寫字元串等原始類型數據。這是就無法進行動態綁定數據了

 1 <script>
 2     new Vue({
 3         el: '#appp',
 4         data: {
 5             sites: [
 6                 { name: 'Runoob' ,id:"1"},
 7                 { name: 'Google' ,id:"2"},
 8                 { name: 'Taobao' ,id:"3"}
 9             ]
10         }
11     })
12 </script>