Vue Reactivity Example

by nerdycap007

HTML

<div id="app">
  <h1>Enter your message in the box</h1>
  
  <p>{{ message }}</p><br>
  
  <input placeholder="Enter message" 
  v-model="message" />
</div>

CSS

#app {
  padding: 20px;
}

h1 {
  font-size: 20px;
}

Vue

new Vue({
  el: "#app",
  
  data: {
    message: "",
    repo: {
    	id: "asd",
      name: ""
    }
  },
  
})