在vue项目的开发中,实现对Element-ui组件库插件的安装及按需导入

基于图形化界面自动安装

1、运行vue ui打开图形化界面
Element-ui实现按需导入

2、在项目配置模板中点击插件 — 添加插件,进入插件查询面板
Element-ui实现按需导入
3、搜索vue-cli-plugin-element并安装
Element-ui实现按需导入
4、配置插件,实现按需导入,从而减小打包后的项目体积
Element-ui实现按需导入
5、完成安装后,项目的main.js文件会出现导入element.js的代码
Element-ui实现按需导入
6、在element-ui官网复制“标签”的相关代码,尝试导入“标签”这个组件
Element-ui实现按需导入
7、按需导入tag组件,并注册为vue组件
Element-ui实现按需导入
8、保存后重新运行项目
Element-ui实现按需导入

相关文章: