Vue Data
Lesson 1 of 1
  1. 1
    Getting Started with Vue
    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…
    Start
  2. 2
    Vue App Instantiation
    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 …
    Start
  3. 3
    Attaching Vue Instances
    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…
    Start
  4. 4
    Data
    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…
    Start
  5. 5
    Computed Properties
    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…
    Start
  6. 6
    Computed Property Setters
    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 …
    Start
  7. 7
    Watchers
    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 …
    Start
  8. 8
    Instance Methods
    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…
    Start
  9. 9
    Review
    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…
    Start

How you'll master it

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