码迷,mamicode.com
首页 > 其他好文 > 详细

Vue 实现 Element 的按需引入

时间:2020-01-06 13:11:55      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:plugin   mod   依赖   按钮   modules   prim   java   library   install   

使用 Vue-Cli 脚手架创建 Vue 项目实现 Element 的按需引入

  1. 安装 element-uibabel-plugin-componentbabel-preset-es2015 依赖

    • npm intall element-ui --save
    • npm install babel-plugin-component -D
    • npm install babel-preset-es2015 -D
  2. 修改 .babelrc 文件

    • {
        "presets": [["es2015", { "modules": false }]],
        "plugins": [
          [
            "component",
            {
              "libraryName": "element-ui",
              "styleLibraryName": "theme-chalk"
            }
          ]
        ]
      }
  3. main.js 文件下,按需引入组件,且挂在到 Vue 实例上

    • import {
        Butto(组件名)
      } from 'element-ui'
      
      Vue.use(Button)
  4. template 中便可使用 Button 组件

    • <template>
        <div>
         <el-button type='primary'>按钮</el-button>
        </div>
      </template>

Vue 实现 Element 的按需引入

标签:plugin   mod   依赖   按钮   modules   prim   java   library   install   

原文地址:https://www.cnblogs.com/kldn208/p/12155403.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!