1. 首页首页
  2. 科技前沿科技前沿

vue组件嵌套与插槽嵌套（vue嵌套vue）

科技前沿 • • 阅读 40

vue组件嵌套与插槽嵌套（vue嵌套vue）svg xmlns http www w3 org 2000 svg style display none svg

大家好，我是讯享网，很高兴认识大家。



 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg> <p></p>

讯享网

欢迎关注 『VUE』 专栏，持续更新中
欢迎关注 『VUE』 专栏，持续更新中

因为前面已经有很多vue了,这次是新建了一个third下的新项目.老样子做一些处理
去掉vue自带的默认的css样式,并且删掉原来的vue,把app.vue清空
在这里插入图片描述
讯享网

组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构.
在这里插入图片描述

在这里插入图片描述
在src下新建page文件夹,创建上图中的文件

讯享网

在app中导入了Main Header Aside

App.vue

 

Header.vue
 

讯享网
 

Main.vue
 

 

Aside.vue
 

讯享网
 

 

 

 

Article.vue
 

 

Item.vue
 

讯享网
 

在这里插入图片描述
 

 

 

 

大家喜欢的话，给个👍，点个关注！给大家分享更多计算机专业学生的求学之路！
 

版权声明：
 

发现你走远了@mzh原创作品，转载必须标注原文链接
 

Copyright 2024 mzh
 

Crated：2024-3-1
 

 
 
欢迎关注 『VUE』 专栏，持续更新中
 欢迎关注 『VUE』 专栏，持续更新中
 『未完待续』
 

 

 


                    


                    


                    

                        

                            

                                小讯
                            

                            

                                

                                    
                                        
                                    
                                

                            

                        

                    

                


                

                    
                    
                    

                        
                        

                             上一篇
                            2025-04-18 22:20
                        

                    

                    
                    


                    
                    
                    

                        
                        

                            下一篇 
                            2025-04-25 15:22
                        

                    

                    
                    
                


                

                    
相关推荐

                    
                

                

                    

                        版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/192897.html