vue模板语法（包含计算器小案列+Tab选项卡）

前端渲染？：
把数据填充到HTML标签中去 ；
后台数据经过前端模板添加形成前端渲染（静态HTML内容）

前端渲染方式：
1.原生js拼接字符串
2.使用前端模板引擎
3.使用vue特有模板语法

模板语法：
差值表达式
指令
事件绑定
属性绑定
样式绑定
分支循环结构

案例：简单计算器

	
	


	

		
vue简单计算器
		

			数值A:
			
		
		

			数值B:
			
		
		

			计算
		
		

			计算结果:
			
		
	
	
	

个人总结：添加绑定事件，处理函数实现计算逻辑，将字符串拼接转换为整数

案例：Tab选项卡

	
	
	


	

		

		

			
{{item.title}}
		
		

			
		
	
	
	
	

个人总结：重点是提供currentIndex属性，通过当前索来实现选项卡切换。