Vue2学习笔记(计算属性)

通过一个案例,循序渐进的了解计算属性,这个案例通过不同的写法了解VUE的计算属性。

一、使用插值语法做一个示例




    
    
    姓名案例-插值语法
    


    
姓:

名:

全名:{{firstname}}-{{lastname}}

二、 基于methods方法实现




    
    
    姓名案例-methods实现
    
    


    
    
姓:

名:

全名:{{fullName()}}

三、 计算属性



	
		
		姓名案例_计算属性实现
		
		
	
	
		
		
姓:

名:

全名:{{fullName}}

你可能感兴趣的:(Vue,学习,笔记)