Vue计算属性的基本使用

<!-- ​ 现在有变量姓氏和名字，要得到完整的名字。 -->

代码如下

       <div id="app">
	    <!-- Mastache语法 -->
	    <h2>{{firstName+ " " + lastName}}</h2>
	    <!-- 方法 -->
	    <h2>{{getFullName()}}</h2>      
	    <!-- 计算属性 -->     <!-- 方法调用要加()   而计算属性不用 -->
	    <h2>{{fullName}}</h2>
	  </div>
	  <script src="../22.5.18/vue.js"></script>
	  <script>
	    const app = new Vue({
	      el:"#app",
	      data:{
	        firstName:"张",
	        lastName:"三"
	      },
		  
		   methods: {
	        getFullName(){
	          return this.firstName + " " + this.lastName
	        }
	      },
		  
		  
	      computed: {
	        fullName(){
	          return this.firstName + " " + this.lastName
	        }
	      }
	     
	    })
	  </script>