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. 访问项目