JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <div>
    <label for="inpNum">값을 입력해주세요</label><br>
    <!-- 입력 받는 값을 number로 받을 때는 v-model.number 혹은 type="number"로 설정합니다 -->
    <input id="inpNum" type="text" v-model.number="num1">
  </div>
  
  <div>
    결과: <span id="result">{{result}}</span>
  </div>
  
</div>

JavaScript

new Vue({
  el: '#container',
  data: {
    num1: 0
  },
  computed: {
    result: function() {
      let msg = `X2의 값은 ${this.num1 + this.num1} 입니다.`;
      return msg
    }
  }
});