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 Vue class provided by the imported Vue library. As with all classes, we must use …
  3. 3
    The first property you will usually need to add to your Vue app’s options object is el. The el property corresponds to the HTML element that should be turned into a Vue app. The value of this k…
  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 data object with the mustache templating syntax to display information in our HTML. Doing this requires named data to be stored in the data object, but some data can be…
  6. 6
    Being able to generate computed properties based on data 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 computed …
  7. 7
    So far we’ve learned that data is used to store known dynamic data and computed is used to store dynamic data that is computed using other pieces of dynamic data. However, there is one caveat. A …
  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