美文网首页
一个vue-cli的项目中如何使用element-ui组件库

一个vue-cli的项目中如何使用element-ui组件库

作者: 疯狂的蜗牛Dianna | 来源:发表于2020-05-20 17:05 被阅读0次
    1.安装
    npm i element-ui -s
    
    2.引入ui组件 引入css文件 在vue上使用下
    阅读文档快速上手部分
    在main.js部分引入
    import ElementUI from 'element-ui';
    import 'element-ui/lib/theme-chalk/index.css';
    Vue.use(ElementUI);
    
    3.引入按钮组件进行测试
    <el-row>
      <el-button>默认按钮</el-button>
      <el-button type="primary">主要按钮</el-button>
      <el-button type="success">成功按钮</el-button>
      <el-button type="info">信息按钮</el-button>
      <el-button type="warning">警告按钮</el-button>
      <el-button type="danger">危险按钮</el-button>
    </el-row>
    // 能显示组件 就是安装引入成功
    

    相关文章

      网友评论

          本文标题:一个vue-cli的项目中如何使用element-ui组件库

          本文链接:https://www.haomeiwen.com/subject/pounohtx.html