快乐冲浪与生活

多体验、多体会、多体悟

0%

插槽(<slot>)是 Vue 组件体系中核心的内容分发机制,其核心作用是允许父组件向子组件传递任意模板片段,子组件可在指定位置渲染这些片段,让组件的结构复用与定制化变得更加灵活。

5 天学习 Nuxt.js,主要以官方文档为主,结合 AI 辅助。在学习过程中,会记录要深入研究的知识点,并整理成文。

资源:

  1. 官方 - 介绍
  2. 官方 - 安装
  3. 官方 - 配置
  4. 官方 - 视图

介绍

Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js.

验证目标:在特定场景下(OR 连接不同字段的条件),将 OR 查询拆分为 UNION ALL 能显著提升查询效率。

通过 Docker 运行 MySQL 服务

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
$ docker pull mysql:8.0
$ docker run -d \
    --name mysql-or-testing \
    -p 3306:3306 \
    -e MYSQL_ROOT_PASSWORD=123456 \
    -e MYSQL_CHARACTER_SET_SERVER=utf8mb4 \
    -e MYSQL_COLLATION_SERVER=utf8mb4_unicode_ci \
    -v mysql_data:/var/lib/mysql \
    --restart=always \
    mysql:8.0

查看服务运行状态:

基础查询、关联查询、排序与分组、特殊场景、索引设计

基础查询优化

🎯 目标:规避全表扫描、减少网络 / 内存开销,让查询更轻量化

  1. 只查所需字段,拒绝 SELECT *

❌ SELECT * FROM users;

✅ SELECT id, name, phone FROM users;