Web前端开发进阶笔记5——分支循环结构、循环结构

1.分支结构：

示例：

			
{
    {score}}
			
			
优
			
良
			
中
			
差
			
这是v-show
			click toggle
		
		

这里我们要注意，当我们需要频繁切换显示的时候，我们使用v-show，如果我们有逻辑的显示，并且显示内容固定，我们使用v-if。

2.循环结构：

			

				
{
    {item}}
				
{
    {a+'---'+b}}
				

					{
    {'名字：'+item.cname+' ename:'+item.ename+' 单价：'+item.forIn.a+' 个数:'+item.forIn.b+' TP:'+item.forIn.a*item.forIn.b}}
				
			
		
		

如果我们使用key来写的话可以提高效能：

					{
    {'名字：'+item.cname+' ename:'+item.ename+' 单价：'+item.forIn.a+' 个数:'+item.forIn.b+' TP:'+item.forIn.a*item.forIn.b}}
				

3.v-if和v-for的联合使用：

{
    {i+','+k+','+v}}

其中if可以对值进行判定来选择渲染。