ex.1 Lec2 Vue

by ElhamZ

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
  <p> Title: {{movieTitle}} </p>
  <p>Released: {{movieYear}} </p>
  <p>The movie is {{movieYear > 2000 ? 'new' : 'old'}}.</p>
  <div v-bind:Title="movieTitle">Hover your mouse here!</div>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    movieTitle: 'The Matrix',
    movieYear: 1995
  }
});