vue 复习

1.vue简介
简化Dom操作
2.vue指令
(1)v-for="" 循环操作

    
    


    

       {{msg}}
       {{gsd}}
       {{mgh}}
       {{obj}}
      
        
        
        
    

(2)v-model="" 双向数据绑定 用于表单元素

    
    



  
   
{{msg}}
   
  

v-show 隐藏

    
    



    

       点击隐藏
       

   
    

(5)v-if="" 控制元素的显示或隐藏 visibility:hidden;
v-else
v-else-if

   
0000000000000000
   
111111111111
   
2222222222222
   
333333333333
   
444444444444
   
55555555555555555
   

 
   

(7)v-text 不可以解析标签
v-html 可以解析标签

    
    


   

       
       
{{msg}}
       
{{msg}}
   
       {{msg}} 

       {{msg}}
   
   
    

(8)v-once 只绑定一次
v-pre 原样输出
(10)v-cloak

    
    
    


   

       
{{msg}}
   
    
    

3.vue过滤器
全局:

   Vue.filter('过滤器的名字',function(data){
        return
})

局部:

filters:{
        过滤器的名字:function(data){
             return    
        }
    }

4.vue计算属性
处理复杂逻辑操作

computed:{
        名字：function(){
            return // 逻辑操作
        }
    }

5.vue中的组件
作用：
1.扩张html元素
2.封装可重用的代码

6.组件之间的传值(难，重)
1.父传子 用属性 props:['属性']

2.子传父 用事件传 $emit

3.非父子 借助中间量