其他分享
首页 > 其他分享> > 第三十篇:组件封装(最简单的封装方法)

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

作者:互联网

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

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

一、什么是组件化?

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

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

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

 

如何操作?

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

 

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

 

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

 

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

 

标签:封装,第三十,js,组件,main,传值,页面
来源: https://www.cnblogs.com/FatTiger4399/p/15383647.html