持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第4天，点击查看活动详情

一、下载安装vue-router

安装命令如下：

二、引入并创建router

（一）创建router文件夹和index.js路由配置文件

（二）在index.js中配置router

• createWebHistory ：使用路由的方式
• routes ：路由配置数组
• createRouter：创建路由对象
• 最后导出路由对象

• 在配置路由数组中的component时，如果.vue文件的名称为index.vue，引入时路径只需要引入到齐所在的文件夹，否则要引入到文件名（包含后缀名）

（三）在main.js中引入配置好的router

• 使用import上一步配置好的路由对象
• 使用app.use()方法使用路由对象

• 在App.vue中使用

三、动态插入图标icon

（一）在main.js中引入图标（全局或按需引入）

（二）在*.vue文件中动态引入

• 使用如下模板动态引入图标，使用:is属性关联对应图标

四、使用ElMessage和ElMessageBox.confirm

• 在main.js中引入（手动按需引入为例）
• 将其分别配置给全局属性$confirm属性和$message属性

• 在组件中直接通过this对象的全局属性使用