VUE框架

一、什么是VUE

二、快速入门

    
    
    
    




{{message}}


    

三、Vue常用指令

1.v-bind， v-model

    
    
    
    
    


    

链接1
链接2

    

2.v-on

3.v-if ，v-show

    
    
    
    
    


    

        
        年龄经判定,为:
        年轻人(35及以下)
        中年人(35-60)
        老年人(60及以上)

        



        年龄经判定,为:
        年轻人(35及以下)  
        //浏览器都会渲染 只是会通过 display属性来决定是否展示
        中年人(35-60)
        老年人(60及以上)

    

4.v-for

    
    
    
    
    


    

{{addr}} 

{{index+1}}:{{addr}} 

    

四、通过Vue完成表格数据的渲染

    
    
    
    
    


    
    

        
        

            

                
编号
                
姓名
                
年龄
                
性别
                
成绩
                
等级
            

            

                
{{index+1}}
                
{{user.name}}
                
{{user.age}}
                

                    男
                    女
                
                
{{user.score}}
                

                    优秀
                    及格
                    不及格
                
            
        

    

五、Vue的生命周期