Vue.jsのバージョン、Evan Youさんの趣味、v-model

はじめに

Vue.jsのバージョン

Evan Youさんの趣味

v-model

について書いていきます。

2013年12月8日の0.6.0から、バージョンアップを繰り返しています。

また、コードネームには日本のアニメの名前が使用されており、3.0.0には「ONE PIECE」という名前が付いていました。

Vue.jsの作者の「Evan You」さんは、日本のアニメが好きなようです。

inputに文字を入力すると、
その下に入力した文字が表示されるというプログラムを試してみました。

<div id="app">
 <input v-model="testName" placeholder="お名前">
 <p>私は{{testName}}です</p>
</div>

JSはこちらです。

Vue.createApp({
  data() {
    return {
      testName: "",
    };
  },
}).mount("#app");