Vue Data
Lesson 1 of 1
  1. 1

    Welcome to Vue Data! In Introduction to Vue , we briefly covered some of the most exciting features of Vue. In this lesson, we will start by reviewing how to create Vue apps and display dynamic da…

  2. 2

    Now that we have the Vue library available to use, we need to create our Vue app. All Vue apps are instances of the […] class provided by the imported Vue library. As with all classes, we must …

  3. 3

    The first property you will usually need to add to your Vue app’s options object is […] . The […] property corresponds to the HTML element that should be turned into a Vue app. The value…

  4. 4

    Now that our Vue app is hooked up to our HTML, we are ready to generate and display dynamic data. As discussed in Introduction to Vue, displaying and updating dynamic data for users is essential fu…

  5. 5

    We can use the values in the […] object with the mustache templating syntax to display information in our HTML. Doing this requires named data to be stored in the […] object, but some data …

  6. 6

    Being able to generate […] properties based on […] is super useful. But why limit ourselves by only allowing this data flow to only go one way? Vue allows us to not only determine […] …

  7. 7

    So far we’ve learned that […] is used to store known dynamic data and […] is used to store dynamic data that is computed using other pieces of dynamic data. However, there is one caveat. …

  8. 8

    Throughout this lesson, we have covered many options object properties that allow us to store and generate dynamic values to use in our template. But where do we store any methods we need to make o…

  9. 9

    In this lesson, we learned four different techniques for displaying and updating dynamic data in our Vue apps. Here’s a brief recap of the Vue app options object properties we covered and the use c…

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro Logo