如何用v-for给src属性赋值

<p id="test">

  <p v-for="item in lists">

    <img src="{{item.img}}">

  </p>

</p>

new Vue({

  el: "#test",

  data: function () {

    return {

      lists: [

        { img : 'img1' },

        { img : 'img2' },

        { img : 'img3' },

        { img : 'img4' }       

      ]

    }

  },

})

<p id="test">

  <p v-for="item in lists">

    <img v-bind:src="item.img">

  </p>

</p>