引用\[1\]:新建 /src/compon
ents/elem
ent/index.js 文件，index.js 示例代码如下： import { Button, Input, Radio, Table, Form } from 'elem
ent-
ui' const coms = \[ Button, Input, Radio, Table, Form \] export default { install(Vue, options){ coms.map(c => { Vue.compon
ent(c.name, c) }) } } 。 引用\[2\]:在 main.js 中引入自定义 elem
ent 插件： import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' //引入 elem
ent 插件 import elem
ent from './compon
ents/elem
ent' Vue.use(elem
ent) Vue.config.productionTip = false new Vue({ router, store, r
ender: h => h(App) }).$mount('#app') 。 引用\[3\]:在 main.js 入口文件中引入组件： import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import { Button } from 'elem
ent-
ui'; // 按需引入组件 Vue.compon
ent(Button.name, Button); // 注册全局组件 // 或 // Vue.use(Button) // 或指定组件名称 // Vue.compon
ent('my-button', Button); Vue.config.productionTip = false new Vue({ router, store, r
ender: h => h(App) }).$mount('#app') 第6步：使用组件 <template> <div id="app"> <el-button type="primary">按钮</el-button> <!-- <my-button>按钮</my-button> --> </div> </template> 封装 Elem
ent 模块 。
问题:
npmi elem
ent-
ui --save
回答:
npmi elem
ent-
ui --save 是一个错误的命令。正确的命令应该是
npm install elem
ent-
ui --save。这个命令用于在你的项目中
安装 elem
ent-
ui 包，并将其添加到项目的依赖中。
#### 引用[.refer
ence_title]
- *1* *2* *3* [Vue 项目中按需引入 Elem
ent
UI 的正确方法](https://blog.csdn.net/p445098355/article/details/121207285)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.refer
ence_item]
[ .refer
ence_list ]
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
798
