<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ### **一般引入三方UI有兩種方式** > 1 全局引入 寫起來舒服 但是包比較大 2 按需引入 寫起來不舒服 但是包相對全局比較小 #### **1.全局引入** 執行命令 `npm install element-plus --save` 引入element-plus 在vue框架的main.js/ts中 放置下面代碼 ~~~ import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.css' ~~~ * 這就結束了 在項目中就可以全局使用了 #### **2.按需引入** 創建文件 文件名和文件夾隨意起 ![](https://img.kancloud.cn/16/93/169355a93d1df4d5efcff85fd07df34e_263x209.png) 在register-element.ts中 寫入下面代碼 ~~~ import { App } from 'vue' import 'element-plus/lib/theme-chalk/base.css' //導入使用的組件 import { ElAside, ElAvatar, ElButton } from 'element-plus' //將組件 放到定義變量 循環放置注冊 讓開發者使用組件 const components = [ ElAside, ElAvatar, ElButton ] export default function (app: App): void { for (const component of components) { app.component(component.name, component) } } ~~~ 在index.ts中 寫入下面代碼 ~~~ import { App } from 'vue' import registerElement from './register-element' export function globalRegister(app: App): void { app.use(registerElement) } ~~~ 掛載 引入 我上面創建的index.js并且掛載到 app中 ~~~ import { globalRegister } from './global' app.use(globalRegister) ~~~ * 這就結束了按需引入
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看