Week 2 Outline

  • Review resulting code from last week
  • Review First assignment
  • Vue.js template syntax and options:
    • Vue directives vs. mustaches
    • Directive syntax
    • Directive arguments (e.g. class for v-bind , keyup for v-on)
    • Modifiers
  • Computed Properties

    Resulting example code

  • Lab: Second half of class in CDM 801
    1. Create a page with an input (use v-model directive) and dynamic display (mustaches in embedded in HTML)
    2. Open console and manipulate data directly
    3. Add an event handler and have it modify data model
    4. Start the first assignment