Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Practice Vue.js List Rendering

Well done!

You have completed Practice Vue.js List Rendering!

Sign up for Treehouse Back to Library

Vue.js List Rendering: One Solution

6:07 with Treasure Porth

One solution to the challenge

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    The first thing I'll do is display the data in my template by using a v4 view 0:00
    directive to loop through the array of objects. 0:01
    So here I'll say v-for="post in posts". 0:08
    Next I'll change the template variables to access each individual 0:14
    post object through dot notation. 0:19
    So I'll say post.votes, post.thumbnail, 0:21
    post.title, and post.summary, 0:27

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up