Solution 1 - Intro to Vue

index.html

<div id="app">

  <div class="product-image">
    <img src="" />
  </div>

  <div class="product-info">
    <h1>{{ product }}</h1>
    <p>{{ description }}</p>
  </div>
    
</div> 

 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>

script.js

//Add a description to the data object with the value "A pair of warm, fuzzy socks". Then display the description using an expression in an p element, underneath the h1.

var app = new Vue({
  el: '#app',
  data: {
    product: 'Socks',
    description: 'A pair of warm fuzzy socks'
  } 
})

solution-1-intro-to-vue.markdown

Solution 1 - Intro to Vue

A Pen by Vue Mastery on CodePen.

License.