036_vue使用element-ui框架

1. 使用命令安装element-ui

1.1. 安装依赖包npm install element-ui -S

1.2. 在main.js中, 导入element-ui并配置成Vue的插件 

1.3. 在App.vue根组件中, 使用element-ui的按钮 

1.4. 在终端中使用npm run serve运行项目 

1.5. 访问项目 

2. 基于图形化界面安装element-ui

2.1. 点击插件——>添加插件

2.2. 搜索vue-cli-plugin-element 

2.3. 单击选中第一个1.0.1, 然后点击安装vue-cli-plugin-element按钮

2.4. 选择按需导入, 然后点击完成安装按钮 

2.5. 安装完成, 点击继续按钮 

2.6. 查看安装的插件列表 

2.7. 主入口main.js中导入了插件文件夹中的element.js文件 

2.8. 在element.js中导入了element-ui中的Button模块 

2.9. 修改app.vue, 使用element-ui的按钮 

2.10. 访问项目 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值