Vue2 computed计算属性

computed：用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义

<template>
  <div>
    <h5><b>姓：</b><input type="text" v-model="firstName"></h5>
    <h5><b>名：</b><input type="text" v-model="afterName"></h5>
    <h3>{{name}}</h3>
  </div>
</template>

<script>
export default {
  data () {
    return {
      firstName:'',
      afterName:''
    }
  },
  computed: {
    // 简单用法1
    name(){
       return this.firstName + this.afterName
    }

    //简单用法2
    name:function () {
       return this.firstName + this.afterName
    }   
  }
}
</script>

注：本人前端小白 ，如有不对的地方还请多多指教