Vite 与 Node.js 版本不兼容导致的。Vite在较新版本中使用了 Node.js的crypto模块的新 API（如crypto.createHash），但我的项目可能运行在不支持这些 API 的 Node.js 版本上。使用vite创建vue3项目。

原因分析：谷歌浏览器可以自动播放视频，不能自动播放音频。如果视频中自带音频就会导致该视频无法自动播放。解决办法：在video标签加上静音属性muted，自带音频的视频就可以自动播放了，但是该视频无声音。

原因分析：谷歌浏览器可以自动播放视频，不能自动播放音频。如果视频中自带音频就会导致该视频无法自动播放。解决办法：在video标签加上静音属性muted，自带音频的视频就可以自动播放了，但是该视频无声音。

备注：如果遇到语法无法高亮，应该把相关vue的插件都卸载了，重新安装这个插件即可。推荐使用Volar来替换Vetur。

项目使用element ui 的表格实现拖动表头可改变列的宽度，又使用sortablejs实现表格的列可拖拽到其他列的位置，导致出现如下的一些问题：1、某一列宽变大或变小后，只有当前列可拖拽，其他列无法拖拽。解决方案：在列宽发生改变后，销毁当前拖拽实例，再重新创建拖拽实例。this.sortDemo.destroy()2、当表格没有横向滚动条时，某一列宽变大或变小时，其他列宽也会变大或变小。根因：

但这又会产生一个问题，如果是移动端项目还好，如果是pc端项目，当用户点击浏览器的返回箭头时，又回先显示。当触发popState事件时，跳转到原来的movies页面，问题解决。解决方式二：跳转路由路径时query参数没带过去，所以被清除了。把Movies.vue的参数传到Cinemas.vue。解决方式一：清空query的值。写vue项目时，如果想通过。路由的query配置项。

项目使用element ui 的表格实现拖动表头可改变列的宽度，又使用sortablejs实现表格的列可拖拽到其他列的位置，导致出现如下的一些问题：1、某一列宽变大或变小后，只有当前列可拖拽，其他列无法拖拽。解决方案：在列宽发生改变后，销毁当前拖拽实例，再重新创建拖拽实例。this.sortDemo.destroy()2、当表格没有横向滚动条时，某一列宽变大或变小时，其他列宽也会变大或变小。根因：

但这又会产生一个问题，如果是移动端项目还好，如果是pc端项目，当用户点击浏览器的返回箭头时，又回先显示。当触发popState事件时，跳转到原来的movies页面，问题解决。解决方式二：跳转路由路径时query参数没带过去，所以被清除了。把Movies.vue的参数传到Cinemas.vue。解决方式一：清空query的值。写vue项目时，如果想通过。路由的query配置项。

git是一款免费、开源的版本控制系统，用于高效地处理任何或大或小的项目。作用：文件存档备份文件版本管理多人协同合作（自动合并）（1）创建不同分支的作用不同的分支代表不同的功能，可以独立开发和维护提交版本的记录，每个分支是互相独立的，和别的分支互不影响，尤其是多人👥开发同一项目，可以分别控制自己的代码。（2）如何编写代码：1️⃣切换到不同功能的分支去写业务代码。2️⃣暂存。3️⃣提交（会在对应的分

ref()接受一个内部值，返回一个响应式的可更改的ref 对象，此对象只有一个指向其内部值的属性.value。ref() 将传入参数的值包装为一个带 .value 属性的 ref 对象。