vue引入Element-plus的全局引入与局部引入实例分析


今天小编给大家分享一下vue引入Element-plus的全局引入与局部引入实例分析的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。首先下载element-plus引入element-plus的方式是全局引入,代表的含义是所有的组件和插件都会被自动注册,优点:上手快缺点:会增大包的体积在main.ts文件中局部引入也就是在开发中用到某个组件对某个组件进行引入,但是这样我免费云主机域名们在开发时每次使用都要手动在组件中引入对应的css样式,使用起来会比较麻烦需要安装unplugin-vue-componentsunplugin-auto-import这两款插件安装完成之后在vue.config.js文件中配置 按需自动引入配置完之后,在组件中可直接使用,不需要引用和注册 这里已经实现了按需自动移入Element-plus组件 组件中直接使用:效果:优点:集成比较简单缺点:组件与样式全部会打包,体积大用法:npm install element-plus –save在main.ts中,引用js与css文件以About.vue页面为例,直接在页面中使用相关组件就行,组件已默认全局注册,不需要在页面中重新注册优点:包会小一些缺点:引用比较麻烦一些用法一:以About.vue页面为例,在页面中引用js文件,局部注册组件,样式依然是全局引用,官方推荐以上就是“vue引入Element-plus的全局引入与局部引入实例分析”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注百云主机行业资讯频道。

相关推荐: SpringBoot怎么切换成其它的嵌入式Servlet容器

本篇内容介绍了“SpringBoot怎么切换成其它的嵌入式Servlet容器”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!然而 SpringBoot还支持其它的…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 03/28 11:21
Next 03/28 11:21

相关推荐