第三十篇:组件封装(最简单的封装方法)

问:什么是封装,为什么要封装?

答:首先要了解什么是组件化:

一、什么是组件化?

通俗来说就是在一个项目中,有一个组件A,要在多个页面中使用A,那么如果在每个页面都来写这多个组件的组合肯定是一种非常低效率的方法,

所以最优解是单独对这多个组件进行封装,通过子父组件的传值来实现高复用的组件功能,这就是组件化。

而封装组件就是把这个组件拿到main.js里去注册,然后就可以在别的地方使用了,提高了效率

 

如何操作?

1.compoents文件夹中新建一个vue文件,将我要封装的代码放到这里面

 

2.    在main.js中全局引入,先import再注册到VUE中

 

3.    接着就可以在任何页面直接使用自己定义的组件

 

还有父子传值,还没李姐,明天再来

 

posted @   养肥胖虎  阅读(962)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示