1.vue框架更改对应数据data，对应的视图view变化。2.在封装的组件监听传参src的变化，如果点击的 src和之前的不同，进行切换资源，播放器重新加载播放；3.播放器的资源source的参数有src+type，注意type可以不设置。推荐用法：不设置type，如果要设置一定要更传过来的视频流的数据格式保持一致，否则会爆红。

vue3 + videojs，项目集成，基础功能：播放视频流；加强版：动态更改视频的url重置reset()播放器，并load()+play()

之前使用过vodiejs插件播放过mp4视频格式的视频；此次需要使用flvjs插件播放rtsp视频格式的视频；因为视频的数据格式不同，所以对应的插件不同。思维导图：

vue 的watch的监听使用的几种写法

使用插件element-tree-line给element组件添加上虚线。

vue vue3 setup写法的一个组件，基于element的日期选择组件进行封装，此组件可以根据不同的dateType日期类型切换，切换选择不同的年、月、日。

基于element的日期选择组件，以下是达到的效果：1.选择年，日期选择组件默认填充是：当时的年；2.选择月，日期选择组件默认填充的是：当时的年月；3.选择日，日期选择组件默认填充的是：当时的年月日；

Pretter,Beautify,EditorConfig,ESlint,vetur几种代码规范的插件，介绍以及优点。

概览：vue使用element组件，需要给时间选择器设置默认值，场景一：默认时间选择器，场景二：时间范围选择器，开始时间和结束时间。

因为useState是异步事件，所以会出现不能及时获取到最新值的情况。useState 返回的更新状态方法是异步的，要在下次重绘才能获取新值。不要试图在更改状态之后立马获取状态。注意：useEffect的第二个参数，我表明监听content.title但还是不行，因为在React的函数组件中使用useState进行数据存储，导致数据异步，不能及时获取当前最新的数据。