蓝with黑的博客

在Vuex中使用mapState将 Vuex store 中的状态映射到组件的计算属性（computed）中的原因是为了更方便地在组件中使用这些状态，并。mapState 实际上是，而不是放在组件的 data 中。这是因为 Vuex 中的状态通常用于在应用程序的多个组件之间共享和管理。当这些状态发生变化时，。将 mapState 结果放在 computed 中的好处是可以直接在模板中使用这些计算属性，就像使用 data 中的属性一样，但又能够保持响应式。

vue3实现列表随机抽奖功能，循环滚动最后减速停在选中项上。

前端vue + docxtemplater实现word模板填充数据组建。最后，测试实现效果，成功导出填充的word文件。fileTemplete： 模板路径。exportData： 填充的数据。fileName：文件名。

在 Vue3 中，这个问题已经得到了较好的解决，因为 Vue3 使用了 Proxy 来实现更强大的响应式系统，可以自动追踪对象内部的变化，不再需要使用JSON.parse(JSON.stringify())这样的技巧来维护响应式关系。这个原理的关键在于，JSON.stringify()方法会将一个对象转换成一个 JSON 字符串，而JSON.parse()方法则会将这个 JSON 字符串解析成一个新的 JavaScript 对象。拷贝一个新对象，让vue重新建立新的响应式关系。，从而使它关联组件重新渲染。

基于elementUI的el-input, el-tree 实现组件支持下拉选择框树的结构的数据。使用到组件：el-popover、el-selece、el-tree、el-input。

列表无限滚动利用vue-seamless-scroll 插件,鼠标上移停止滚动<template> <section class="list-content" v-else id="list-content"> <vue-seamless-scroll :data="data" class="seamless-warp" :class-option="classOption">