Vue

处理用户输入

<div id="two-way-binding" class="demo">
  <p>{{ message }}</p>
  <input v-model="message" />
</div>

.demo {
  font-family: sans-serif;
  border: 1px solid #eee;
  border-radius: 2px;
  padding: 20px 30px;
  margin-top: 1em;
  margin-bottom: 40px;
  user-select: none;
  overflow-x: auto;
}

const TwoWayBindingApp = {
  data() {
    return {
      message: 'Hello Vue!'
    }
  }
}

Vue.createApp(TwoWayBindingApp).mount('#two-way-binding')