个人技术分享

使用 Vue JSX 出现“JSX 元素隐式具有类型 "any"，因为不存在接口 "JSX.IntrinsicElements"。”时的一个更加优雅的解法。

通过使用进行类型注解，你可以确保组件的 props 类型安全，并享受更好的开发体验，包括智能提示和自动补全。这种类型注解在团队合作和大型项目中尤其重要，因为它可以显著减少由于类型错误引起的 bug。

是一种在人工智能模型中实现交互的技术，它允许模型调用外部函数或工具来执行特定的任务。这种技术在Chat Completions API中得到了广泛应用，特别是在最新的gpt-3.5-turbo-1106模型中。通过Function Calling，模型可以生成JSON格式的输入，调用预定义的函数，从而扩展其功能和应用范围。在OpenAI的API中，Function Calling的实现方式是通过tools参数来提供的。

首先从架构层面来看，vue是MVVM架构，是一个灵活易用的渐进式双向绑定，而react并没有准确的架构模式，react准确的架构模式是调和器和渲染器，它有的是属性和状态。用属性和状态去映射视图，react，强调的是属性不可变性，单向数据流。React : 用一个函数来表示一个组件，当你把数据放进去时，它就会把数据渲染到组件里面，同时，在放数据的时候，要做到 “ 不可变 ”，也就是说，更新数据时，不是改变之前的数据，而是新生成一个和之前不一样的数据并放入函数，函数会得到一个新的UI，最后更新DOM树。

使用params参数

react性能优化小妙招

因为我的tsconfig配置是分了多个文件，所以我就在。我们可以发现，配置了别名之后，我们从。组件，我们需要下面这种方式。懒，为了少些几个字母。

React.memo是 React 的一个高阶组件，用于对函数组件进行性能优化。它通过记忆化（memoization）来避免不必要的重新渲染。当组件的 props 没有变化时，React.memo可以防止组件重新渲染，从而提高应用的性能。

注意：在实际项目中，你通常会使用构建工具（如Webpack）和打包器（如Babel）来编译和打包你的React代码，以便在浏览器中运行。首先，你需要确保已经安装了React和ReactDOM。方法将React组件渲染到DOM中的指定元素。以下是一个示例，展示如何将上述函数组件渲染到ID为。React组件可以是函数组件或类组件。在这个示例中，你需要确保你的HTML文件中有一个ID为。标签只是一个占位符，表示你应该引入编译后的构建文件。

/ 将 token 存储在 localStorage 中。'登录失败，请检查用户名和密码'// 重定向到主页或其他页面。

【代码】解决element-plus没有导出的成员FormInstance。

1、vue会监听data中所有层次的数据2、如何检测对象中的数据？​ 2.1 通过setter实现监视，且要在new Vue时就传入要监测的数据​ 2.2 如需给后添加的属性做响应式，请使用如下API：​或​ 或3、如何检测数组中的数据？通过包裹数组更新元素的方法实现，本质就是做了两件事：​ 3.1 调用原生对应的方法对数据进行更新​ 3.2 重新解析模板，进而更新页面4、在Vue修改数组中的某个元素一定要用如下方法：​ 4.1 使用这些APIpush 后面进入pop 最后删除。

理解 React 源码的 Fiber 需要对 React 的内部工作原理和性能优化有深入的了解。Fiber 是 React 16 及以后版本中引入的一种新的内部表示形式，用于在 React 的核心算法中更好地管理组件树的更新和渲染。

路由的基本概念

【代码】Vue 封装组件之Input框。

最近有个小项目, 客户希望像打开 网易云音乐 那么简单的运行起来系统. 前端用 Vue 会比较快一些, 因此决定使用 electron 结合 Vue3 的方式来完成该项目.然而, 在实施过程中发现没有完整的博客能够记录从创建到打包的流程, 摸索一番之后, 随即梳理成文供大家参考.废话不多说, 直接开始!对了, 开始之前, 先给 Vue3 和 electron 在 package.json 中的版本号展示出来供大家参考.

父组件添加modelValue绑定数据且传递到子组件，然后绑定@update:modelValue事件接收子组件传过来的值子组件内部使用defineProps来接收父组件modelValue传过来的值，使用defineEmits自定义事件修改值然后触发父组件@update绑定的事件。

父组件添加modelValue绑定数据且传递到子组件，然后绑定@update:modelValue事件接收子组件传过来的值子组件内部使用defineProps来接收父组件modelValue传过来的值，使用defineEmits自定义事件修改值然后触发父组件@update绑定的事件。

这里使用了一个消息提示，但是没有出现正确的样式，

Flux.merge: 消费者会接收到先产生消息的生产者的所有消息，然后接收到后产生消息的生产者的消息。消息是按时间顺序发射的。Flux.zip: 消费者只有在两个生产者都有消息时，才会接收到配对好的消息。在第二个生产者开始生成消息之前，消费者不会收到任何消息。选择哪种操作符取决于你的具体需求和希望如何处理消息流的合并。