v-model- Vue 3.0.0

Vue 3

by Chris_Walter

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>

  <body>
    <div id="wrap">
		<label for="total">在此輸入:</label>
      <input id="total" type="text" v-model="total">
      <h2>{{ total }}</h2>
    </div>

  </body>

</html>

JavaScript

const { ref, createApp } = Vue;
const vm = {
  setup(){
	  const total = ref(1000);
		return{
		  total
		}
	}
};
createApp(vm).mount('#wrap');