Vuetify表格CRUD操作简化-模板

学习IT课程的目的

学会学习。要有工程师的思维：

1. 抓概念
2. 读文档：最重要的是建立框架，知道要找啥，哪些需要、哪些不需要。
3. 一定要自己亲手去尝试，亲手做一下，概念就明白了

深入理解：数据表格的CRUD（增删改查）

重要概念：

• 对话框：
• 输入框：
• 按钮：
• 函数调用：@click
• 数据表格：
• 插槽：v-slot

作业

• 自己尝试动手修改简化版数据表格CRUD的这段代码，强化前面提到的这些概念。
  • 自己增加一个对话框
  • 自己增加一个插槽的按钮

点击这里下载简化版数据表格CRUD的代码。

参考资料

• 菜鸟教程：VueJS

  • 教程：https://www.runoob.com/vue2/vue-tutorial.html

• Vuetify：

  • 安装 - CDN：https://vuetifyjs.com/zh-Hans/getting-started/installation/#cdn-768475286cd5
  • 数据表格 - 基本：https://vuetifyjs.com/zh-Hans/components/data-tables/
  • 数据表格 - CRUD操作：https://vuetifyjs.com/zh-Hans/components/data-tables/#crud-64cd4f5c
  • 对话框：https://vuetifyjs.com/zh-Hans/components/dialogs/