• 【精讲】vue中的class类绑定的几种写法、style样式绑定的几种写法、v-if和v-show的使用(相同点与不同点)及v-if与template配合使用、数组,对象,字符串,指定次数的遍历


    目录

    第一部分:class类绑定的几种写法

    第二部分:style样式绑定的几种写法

    第三部分:v-if和v-show的使用(相同点与不同点)及v-if与template配合使用

    数组,对象,字符串,指定次数的遍历


    第一部分:class类绑定的几种写法


        
        
            


                
                
                
                {name}}
    -->
              
                
    {{name}}

                
                {name}}
    -->
                
            

            

    第二部分:style样式绑定的几种写法


        
        
        
            


                
                

                
    {{name}}



                
                
    {{name}}



                
                
    {{name}}



            

            

    第三部分:v-if和v-show的使用(相同点与不同点)及v-if与template配合使用


                
                {name}} -->
                
                {name}} -->
                
                

                

    当前n的值是:{{n}}


                
            
                
                
                
                
            
                
                
                
              
                
                
                
                 
                
                
                
            
            

            
            

    第四部分:数组,对象,字符串,指定次数的遍历


            
            

    人员列表


            

                

                      
                      
                      
                      
                      
                      
                          
                          {p.name}}-{{p.age}}-->
                          {p}}即可 -->
                      
                                              
                      
                      
                          
                      

    •                  {{p.name}}-{{p.age}}
                      

    •         
                
                    
                    

                          

      汽车信息


                          

    •                         {{k}}-{{value}}
                              
                          

    •                 

                    
                    

                          

      测试遍历字符串


                          
                          

    •                         {{a}}-{{b}}
                          

    •                 

                    
                    
                    
                    

                          

      测试遍历指定次数


                          
                          

    •                         {{a}}-{{b}}
                          

    •                 

                    
            

            

  • 相关阅读:
    Java基于SSM+JSP的服装定制系统
    家庭的破碎与人性的考验
    GEE两行代码下载任意范围影像python API
    npm install如何知道使用nodejs太低
    什么是网络流量监控
    Vue computed计算和watch监听
    CTF_RSA解密学习
    java8 Stream字段排序sorted()
    认定科技型中小企业,这些好处一定要知道
    操作NameSpace
  • 原文地址:https://blog.csdn.net/m0_59505309/article/details/126068564