JavaScritp

在Vue框架中，遵循良好的变量和类名命名规范是非常重要的，这有助于提高代码的可读性、可维护性和可扩展性。

文章目录数组对象的模糊查询数组的模糊查询数组对象的模糊查询在vue中，前端模糊搜索主要是用computed属性实现，具体代码如下：使用fitler 过滤器 和indexOf 方法filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。注意： filter() 不会对空数组进行检测。注意： filter() 不会改变原始数组。indexOf()...

vuex 全局状态管理器Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，集中式存储管理应用的所有组件的状态文章目录vuex 全局状态管理器单向数据流Vuex 的核心： store（仓库）mutationsmapState 辅助函数mapMutations 辅助函数Action 异步操作mapActions可以把actions映射成methodsmodules单向数据流...

vue组件和组件传值组件组件是可复用的vue实例，且带有一个名字，可以通过 new Vue 创建的 Vue 根实例中把这个组件作为自定义元素来使用<div id="components-demo"> <button-counter></button-counter></div>// 定义一个名为 button-counter 的新组件...

html2canvas是一个HTML渲染器，是一个脚本，它允许你直接在用户浏览器截取页面或部分网页的“屏幕截屏”。底层是基于DOM的，根据页面上可用的信息构建屏幕截图，它没有制作实际的屏幕截图，因此生成的图片并不一定是100%一致的。

使用html2canvas 截图：如果要生成图片，可以使用 第三方库 html2canvas 将 HTML 内容转化为图片。添加自定义内容：可以自定义海报的内容，如文本、图片等，然后通过 Vue 动态更新这些内容。vue3+element-plus 后台管理需要添加一个根据商品内容生成分享海报的功能。创建一个海报模板：通过 HTML 和 CSS 来构建一个海报模板。下载生成的海报：可以点击按钮下载生成的海报图片。

src目录下新建store文件夹，创建user.ts文件并写入Store 是用 defineStore() 定义的，它的第一个参数要求是一个独一无二的名字，defineStore() 的第二个参数可接受两类值：Setup 函数或 Option 对象。state 属性： 用来存储全局的状态的，这里边定义的，就可以是为SPA里全局的状态了。getters属性：用来监视或者说是计算状态的变化的，有缓存的功能。actions属性：对state里数据变化的业务逻辑，需求不同，编写逻辑不同。

通过使用计算属性(computed)和方法(methods)来实现电话号码的格式化显示。通过input 的formatter 实现。通过oninput事件实现。