vue组件抽离的写法


一直看网上说有两种,我就直接使用注册组件这一种
组件之间涉及到的数据传输,大致分为这几种:

父传子(某页面传给公共组件):

比如,对于不同的页面,头部的中间内容title可能都不一样:
(父通过属性传递,子通过prop接收)
子组件




父组件




子传父(公共组件传给某页面):

子组件:



父组件:




插槽slot

子组件:





父组件:


		
        
        
	        
	            
	        
	     
	        
        

更多欢迎补充......

参考:
https://www.cnblogs.com/chenxi188/p/13940371.html?ivk_sa=1024320u
https://blog.csdn.net/weixin_42614080/article/details/104041392

vue