@lx-frontend/wrap-element-ui

快速上手

---

标准开发

实际项目中，往往会使用 webpack，rollup 或者 gulp 的工作流，大多可以做到按需加载页面用到的组件，所以不推荐直接使用 <script> 标签全局引入的方式使用。

全局组件使用

可以在项目的入口文件中引入所有组件或所需组件

import WrapEle from '@lx-frontend/wrap-element-ui' // 引入组件库
import 'wrap-element-ui/packages/theme-default/lib/index.css' // 引入样式库

Vue.use(WrapEle)

单个组件按需使用

可以局部注册所需的组件，适用于与其他框架组合使用的场景

import { DemoComponent } from '@lx-frontend/wrap-element-ui'

export default {
  components: {
    DemoComponent
  }
}

在模板中，用 <DemoComponent></DemoComponent> 自定义标签的方式使用组件

<template>
  <div>
    <DemoComponent>这是一个 demo 组件</DemoComponent>
  </div>
</template>

若为单标签

<template>
  <div>
    <DemoComponent title="按钮" />
  </div>
</template>