最近想搞一下用户排名显示的业务，发现mysql的操作忘得差不多的，趁着现在实现用户排名需求，记录下mysql的学习之旅。本篇 默认已经安装好mysql，且已经初始化mysql，并使用mysql账号登录了。若没有，请参考其他博文安装好mysql。mysql不区分大小写，建议关键字用大写（不要学我，我懒我喜欢用小写），取得数据库名、表名和字段中得单词用下划线连接。就这样，一个简单的数据库就搭建好了。

最近在vue3使用swiper时，突然发现loop属性和slides-per-view属性同时存在启用时，loop生效，下一步只能生效一次的bug，上一步却是好的。非常滴奇怪。

vue3的指令是其核心内容之一，在此做下总结。[directives](https://cn.vuejs.org/guide/essentials/template-syntax.html#directives)指令是带有 v- 前缀的特殊 attribute。Vue 提供了许多内置指令，例如：v-bind、v-html等。

在工作时有时会用到竖形手风琴效果的组件。在此记录下实现代码和实现思路。

vue2的时候，以一个vue文件是按照vue给的模块文件来写的，也就是选项式API写法（一个文件里有template、script、style）。现在vue3新出了一个组合式API写法（一个文件里有template、script、style）。两者区别主要在script部分，选项式API写法中，script是已经预设了属性方法使用方式的，例data、components、computer、watc

使用域名访问本地服务。

使用域名访问本地服务。

每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM，在此总结下一个vue组件的生命周期描述。

vue3的指令是其核心内容之一，在此做下总结。[directives](https://cn.vuejs.org/guide/essentials/template-syntax.html#directives)指令是带有 v- 前缀的特殊 attribute。Vue 提供了许多内置指令，例如：v-bind、v-html等。

记录下动态组件的使用。使用场景：多个组件需要来回切换使用时，可以考虑使用动态组件。