簡介

v-bind與{{}}都可以對數據進行綁定，但是二者有區別的，v-bind不好，為什么說v-bind不好是因為v-bin做了完全替換的錯做，如果你想做字符串的拼接那么v-bind不是很好的選擇，下面看例子。

代碼段來嘍

比如我們有個這樣的需求我們定義一個變量a和一個變量b，計算變量a*b的值顯示出來。

我去多簡單呀，這玩意也好意思寫簡書，快回家種地吧！哈哈。

我們要的輸出樣式是醬紫的(a*b)=>a*b例如：(3*4)=>12

<div ng-app="" ng-init="a=3;b=4"><input type="text" ng-model="a"/>*<input type="text" ng-model="b" />=<span v-bind="a*b">結果是：</span></div>

這種做法會將整個span標簽上的text都會替換掉結果只顯示12

<div ng-app="" ng-init="a=3;b=4"><input type="text" ng-model="a"/>*<input type="text" ng-model="b"/>=<span>({{a}}*{{b}}=>{{a*b}})<span/></div>

所以做開發的時候盡量使用{{}}。

總結

以上所述是小編給大家介紹的AngularJs模版與v-bind，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！