TechElevator Mod3 Intro to Vue 源码

Vue.js练习简介 在本练习中,您将在表中显示用户列表。 您还将在表中添加一些过滤功能,以使访问者可以过滤每列中的数据。 完成练习后,您应该具有以下内容: 第一步:初始化项目 在项目上运行之前,请运行npm install 。 在Visual Studio Code中打开项目文件夹后,打开“ View菜单,然后单击“ Terminal ,或者在Windows上按Ctrl+` ,在Mac上按⌘+` 。 第二步:运行单元测试 在完成每个任务时,可以在/tests/unit/UserList.spec.js中运行单元测试。 要运行自动化测试,请从终端运行命令npm run test:unit 。 有15个单元测试,在开始编写任何代码之前,所有这些测试都会失败。 第三步:显示用户 如果查看UserList.vue中的data()函数,您将看到具有一些不同属性的用户数组。 您的第一个任务是遍历用户