VUE2快速学习(必看)

    
    
    
    



    

        
v-model
        
用于表单的双向绑定
        
        {{val}}
        

        
表单演示
        
问卷调查
        

        

            姓名:
            
        
        

            性别:
            男
            女
        
        

            爱好:
            打篮球
            足球
        
        

            籍贯
            
                请选择
                陕西
                山西
                北京
            
        
        你的姓名是:{{name}},性别为:{{sex}},爱好是:{{hobby}},籍贯是:{{address}}
        
        提交
        
v-bind
        
绑定属性,动态的加载资源v-bind: 可以简写成 :
        
轮播图效果展示:
        
        下一张
        上一张
        
v-on
        
        
给元素添加事件监听,可以简写为@
        如果有一样的方法名,最后面的方法会覆盖前面的方法,也就说会执行最后一个方法
        
v-pre
        {{a}}
        
不会进行编译代码,相当于写啥,展示啥
        
v-once学习
        
{{a}}
        加一
        减一
        
该作用是只会更新一次数据,适用于一些静态资源的展示
        
v-cloak学习
        
有v-cloak选择器的元素进行隐藏,不会显示渲染之前的样式代码,也就是编译前的代码,渲染以后才会加载,通常是配合css样式为none配合来使用
        
v-if
        
v-if 效果是会加载dom元素标签,不是通过style去控制显示和隐藏
        
        
1--非0
        
2
        
3--true
        
4
        
v-show 学习
        
不会加载dom元素标签,是通过标签的样式去控制是否显示
        
5
        
6
        
6
        
v-for 学习
        
循环
        

            

                {{index}} {{item}}
            
        
        
json数组对象遍历
        

            
序号
            
姓名
            
性别
            
年龄
            


                
{{index}}
                
{{key}}
                
{{item.name}}
                
{{item.sex}}
                
{{item.age}}
                
操作
            
        
        
json对象遍历
        

            

                {{index}}={{key}}={{item}}
            
        

        
九九乘法表
        

            

                

                    {{j}}X{{i}}={{i*j}}