• 使用p-bind进行属性绑定

    使用p-bind对元素的属性进行绑定,多个属性之间使用^分隔。属性名称与属性值之间使用英文冒号:分隔,属性值里面使用{{}}进行文本插值绑定。

    1. <img p-bind="class:round {{myClass}} ^ src:{{mySrc}}">
    2. <!-- 渲染后是<img class="round border" src="avatar.jpg"> -->
    3. <style>
    4. .round{
    5. border-radius:50%;
    6. width:100px;
    7. height:100px;
    8. }
    9. .border{
    10. border:2px solid red;
    11. }
    12. </style>
    13. <script>
    14. $('img').vm({
    15. myClass: 'border',
    16. mySrc: 'avatar.jpg'
    17. })
    18. </script>