【Vue3 从入门到实战 进阶式掌握完整知识体系】011-探索组件的理念:组件间传值及传值校验

2、组件间传值及传值校验

父组件给子组件传值





  
  
  
  hello vue
  
  



  

运行结果

image-20210613110012006.png

父组件给子组件传动态参数





  
  
  
  hello vue
  
  



  

运行结果

image-20210613110404258.png

子组件校验父组件的传参

String、Array、Boolean、Object、Function、Symbol





  
  
  
  hello vue
  
  



  

运行结果

image-20210613110623069.png

父组件给子组件传函数





  
  
  
  hello vue
  
  



  

运行结果

image-20210613111125225.png

设置必须传参数





  
  
  
  hello vue
  
  



  

运行结果

image-20210613123623423.png

为参数设置默认值





  
  
  
  hello vue
  
  



  

运行结果

image-20210613123909522.png

要求值小于1000





  
  
  
  hello vue
  
  



  

运行结果

image-20210613124552130.png

你可能感兴趣的:(【Vue3 从入门到实战 进阶式掌握完整知识体系】011-探索组件的理念:组件间传值及传值校验)