第五周第一天

所用时间：315分钟
代码量（行）：200
博客量（篇）：11
了解到的知识点：
1.Vue
Vue3是一个流行的JavaScript框架，用于构建用户界面和单页应用程序
Vue的创建，例如：

<div id="app">
    {{ message }}
  </div>

  <script>
    // 通过全局 Vue 对象创建应用
    Vue.createApp({
      data() {
        return {
          message: 'Hello Vue'
        };
      }
    }).mount('#app');
  </script>

v-if：v-if是 Vue 中用于条件渲染的指令。它根据表达式的真假值来决定是否渲染某个元素。如以下代码：

<div v-if="isVisible">
  这个元素会根据 isVisible 的值显示或隐藏。
</div>

V-for：v-for 是 Vue 中用于循环渲染列表的指令。它基于一个数组或对象生成多个元素。如以下代码：

<ul>
  <li v-for="(item, index) in items" :key="item.id">
    {{ index }}: {{ item.name }}
  </li>
</ul>

其中items 是数据源，item 是当前项，index 是当前项的索引。

2.SQL语句查询
GROUP BY 用于将查询结果按照一个或多个列进行分组，通常与聚合函数一起使用，以便对每个分组进行计算，语法如下：

SELECT column1, aggregate_function(column2)
FROM table_name
GROUP BY column1;

HAVING 用于对 GROUP BY 分组后的结果进行过滤。它与 WHERE 类似，但 WHERE 是对原始数据进行过滤，而 HAVING 是对分组后的结果进行过滤，语法如下：

SELECT column1, aggregate_function(column2)
FROM table_name
GROUP BY column1
HAVING condition;