ref属性(组件间通信),动态组件,插槽

ref属性(组件间通信)

ref属性放在普通标签上


    通过 this.$refs['myinput'] 拿到的是 原生dom对象
    操作dom对象:改值,换属性等




    
    Title
        
    


    

2 ref属性放在 组件上




    
    Title
    
    


    

插槽

#一般情况下,编写完1个组件之后,组件的内容都是写死的,需要加数据 只能去组件中修改,扩展性很差
# 然后就出现了插槽这个概念,只需在组件中添加,就可以在的组件标签中添加内容




    
    Title
    


插槽使用


动态组件

使用v-if控制组件显示与否




    
    Title
  


  

点击切换组件

通过动态组件控制组件显示谁




    
    Title
    


点击切换组件

keep-alive的使用--组件缓存

   
       
   

你可能感兴趣的:(前端,javascript,java)