Vue3-用户列表案例_创建一个vue组件userlist.vue

需要实现的步骤及功能

    1. 初始化项目

    2. 渲染用户列表组件

    3. 基于全局过滤器处理时间格式

    4. 实现添加用户的操作

    5. 实现删除用户的操作

    6. 通过路由跳转到详情页

一、初始化项目

1.1 项目结构的梳理

    1. 基于 vue-cli 运行如下的命令，新建 vue2.x 的项目：

vue create code-users

    2. 重置 App.vue 组件中的代码：

<template>
  <div>
    <h1> App 组件</h1>
  </div>
</template>
 
<script>
export default {
  name: 'MyApp',
}
</script>
 
<style>
</style>

    3. 删除 components 目录下的 HelloWorld.vue 组件。

1.2 修改项目的开发调试配置

    1. 在项目根目录中新建 vue.config.js 配置文件

    2. 在 vue.config.js 配置文件中，通过 devServer 节点添加如下的配置项：

module.exports = {
  devServer: