vue实现点赞功能（vue div添加点击事件）

Aviv工作室网：https://aviv.cn/

v-for列表中是定时器不会更新数据

然而，v-for在设计过程中，无法实现对数据的双向绑定，也就是说，当json_data中的key或value改变时，默认data中的json_data属性值可以改变，但是页面内容还是之前组件第一次渲染出来的结果，无法实现实时刷新。

不加/U，则为安全格式化，这时先建立一个镜象文件保存原来的FAT表和根目录，必要时可用UNFORRMAT恢复原来的数据。 (二)UNformAT恢复格式化命令 功能：对进行过格式化误操作丢失数据的磁盘进行恢复。

- 在Vue组件的`beforeDestroy`钩子函数中清除定时器。1 使用history模式后访问内容页，刷新会404？- 在服务器端配置路由重定向，以确保访问内容页时可以正确返回index.html。

vue3+vite常用的vite.config.js配置

1、比如前置是： ，后置是 ，实现方式：做IP代理。

2、打开vite.config.js文件，引入组件 然后在plugins内添加配置 这里naiveui使用的是按需自动引入，具体可参考官方文档： 按需引入（Tree Shaking） - Naive UI 笔者添加了一些打包的配置，不需要可以忽略。

3、下面就是解决方案及具体可以看我另外一篇文章。

4、cesium.js中文文档 Camera - Cesium Documentation 在一番查找后，最终选择了vue-cesium，vue-cesium支持vuetypescript，我把他称为3d版的element-ui，开箱即用，非常方便，免去了各种令人头疼耗时的配置过程，对新手非常友好。

Vue拖拽悬浮按钮

原因是为了滚动顺滑，touchmove等事件会被浏览器默认设置为passive：true，需要手动设置成false。参考： Unable to preventDefault inside passive event listener 。

vue悬浮键盘上：在移动端开发中，实现悬浮按钮在侧边显示，为不遮挡页面内容，允许手指拖拽换位。

初次接触前端，初次使用vue，初次使用elementui，难免遇到坑。使用el-button的时候，发现点击按钮后，按钮颜色仍然保持鼠标悬浮上去时候的效果，并没有恢复到正常状态。如图示：上面是解决方法。

按钮在点击之后会出现倒计时，同时按钮变为不可点击状态，样式也发生变化，鼠标悬浮上的样子也会发生变化。

vue3+element-plus配置cdn

直接使用资源名后面加 / ，可以查看文件夹目录，比如： https：//unpkg.com/browse/axios@0.24/ ，复制进浏览器地址栏，可看见如下目录：按如下配置，操作方式基本一样，文件的 cdn 版本自行替换。

按着遥控器的强弱键调整分钟，在按遥控器的待机键结束，cdn浴霸开关即可使用了。

这里特别注意scope，它是webpack配置的external参数下的信息，比如vue的作用域命名是Vue，vue-router的作用域命名是VueRouter，element-ui的作用域命名是ELEMENT，同理，jq的作用域命名是JQuery， 具体做法是先引入该资源，然后在控制台依次输入近似的值，一个个匹配 (目前没找到更好的做法)。

配置流程 ：可根据环境变量，仅在线上采取使用CDN，开发环境直接使用npm依赖包即可。

所以element－ui不适合移动端。element－ui的需求：丰富的feature：丰富的组件，自定义主题，国际化。文档 & demo：提供友好的文档和 demo，维护成本小，支持多语言。安装 & 引入：支持 npm 方式和 cdn 方式，并支持按需引入。工程化：开发，测试，构建，部署，持续集成。

编辑:seofensi工作室 网址：https://www.seofensi.cn/