Vue练习二十：03_02_parseInt解析数字并求和

Demo 在线地址：
https://sx00xs.github.io/test/20/index.html
---------------------------------------------------------------
ide: vscode
文件格式：.vue
解析：（待补）

<template>
  <div id="app">
    <input type="text" class="f-text" v-model="number1" @keyup="handleNum1"> 
    <strong>+</strong>
    <input type="text" class="f-text" v-model="number2" @keyup="handleNum2">
    <strong>=</strong><span>{{sum}}</span>
    <input type="button" value="求和" @click="handleSum">
  </div>
</template>
<script>
export default {
  data:function(){
    return{
      number1:'',
      number2:'',
      sum:'?'
    }
  },
  methods:{
    handleNum1(){
      this.number1=this.number1.replace(/[^\d]/,'');
    },
    handleNum2(){
      this.number2=this.number2.replace(/[^\d]/,'');
    },
    handleSum(){
      (this.number1=='' || this.number2=='') ?
      alert('请输入数字!') :
      this.sum=parseInt(this.number1) + parseInt(this.number2);
    }
  }
}
</script>