عکس کاربر

ابجکتی از تمام کاربران بساز و در حلقه v-for قرار بده:

data(){
        return {            
            users: [
                {
                    userId:'1',
                    userName:'Name Family',
                    email:'UserName@gmail.com',
                    avatar:'/img/user-1.png'
                },
                {
                    userId:'2',
                    userName:'AnotherName Family',
                    email:'AnotherName@gmail.com',
                    avatar:'/img/user-2.png'
                },
            ]
        }
    },   

<div v-for="user in users" :key="user.id">
      <img :src="user.avatar" alt="someText">
       <h3>{{user.userName}}</h3>
</div>

امیدوترم اشتباه نکرده باشم چون تست نکردم.

ممنونم از راهنمایی تون، دارم فکر میکنم برا وقتی دیتا میخواد رو سرور قرار بگیره بهتر نیست عکسا همه یه جا باشه (تو فولدر سورس) ؟

ممنونم از توضیحات کامل