网站建设资讯

NEWS

网站建设资讯

vue如何实现第三方插件按需引入

这篇文章给大家分享的是有关vue如何实现第三方插件按需引入的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联专业提供雅安机房托管服务,为用户提供五星数据中心、电信、双线接入解决方案,用户可自行在线购买雅安机房托管服务,并享受7*24小时金牌售后服务。

第三方插件按需引入

比如 Element-UI 这样的第三方组件库可以按需引入避免体积太大,特别是项目不大的情况下,更没有必要完整引入组件库

// main.js
import Element3 from "plugins/element3";
Vue.use(Element3)

// element3.js
// 完整引入
import element3 from "element3";
import "element3/lib/theme-chalk/index.css";

// 按需引入
// import "element3/lib/theme-chalk/button.css";
// ...
// import { 
// ElButton, 
// ElRow, 
// ElCol, 
// ElMain, 
// .....
// } from "element3";

export default function (app) { 
// 完整引入 
app.use(element3)  

// 按需引入 
// app.use(ElButton);
}

感谢各位的阅读!关于“vue如何实现第三方插件按需引入”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


网页名称:vue如何实现第三方插件按需引入
当前网址:http://njwzjz.com/article/jdpppd.html