qq_39460057的博客

Node.js v17版本中发布了 OpenSSL 3.0，对算法和秘钥大小增加了更为严格的限制, 在3.0版本中 md4不再被允许使用，在node 17版本之前使用 md4方法不会报错,SET NODE_OPTIONS=–openssl-legacy-provider意思就是别使用OpenSSL 3.0，还使用老版的 OpenSSL。在package.json的scripts中新增SET NODE_OPTIONS=–openssl-legacy-provider。

【代码】创建vue项目。

安装babel相关的插件，将ES6转换成ES5,在babel.config.js中。

【代码】vue3:内置组件。

配置：创建router.js。

属性，记录路由携带的信息（比如：每给个路由增加个title， 或者部分路由的访问权限等）。一般是在router.js 或者 main.js中，

元素是一个插槽出口，标示了父元素提供的插槽内容将在哪里被渲染。插槽内容可以是文本、元素甚至组件。（一句话总结就是：子组件提供位置，父组件提示内容）。匿名插槽指的是父组件中未指定名称的插槽，匿名插槽最多只能有一个。匿名插槽适用于只插入一个内容的时候。元素来定义具名插槽的位置，并在需要时插入具名插槽的内容。插槽就是子组件提供一个占位符，指定父组件传递的内容在子组件具体哪个地方渲染。具名插槽指父组件向子组件传递特定名称的内容，子组件可以选择性地使用这些内容。指令将内容传递给子组件。

【代码】vue3+vite+electron开发桌面端应用流程。

的组件是默认私有的：一个父组件无法访问到一个使用了。

2、props遵循单向绑定原则，props因父组件中的更新而变化，在子组件中，数据是只读的，不能更改。1、Props 名字格式应该使用小驼峰，在组件中使用kebab-case（小写短横线）；1、组件需要声明它接收的props,vue才知道外部传入了哪些参数。的单文件组件中，使用defineProps来声明组件接收的参数。4、props声明时可校验类型,设置默认值。的组件中，可以使用props 选项来声明。

在src/i18n/index.js中。在src/i18n/en.js中。在src/i18n/zh.js中。

应用一个全局 mixin (适用于该应用的范围)。一个全局的 mixin 会作用于应用中的每个组件实例。如果只传递一个名字，则会返回用该名字注册的组件 (如果存在的话)。如果同时传递一个名字和一个指令定义，则注册一个全局指令；如果只传递一个名字，则会返回用该名字注册的指令 (如果存在的话)。每个应用实例都会暴露一个 config 对象，其中包含了对这个应用的配置设定。一个用于注册能够被应用内所有组件实例访问到的全局属性的对象。提供一个值，可以在应用中的所有后代组件中注入使用。卸载一个已挂载的应用实例。

检查一个对象是否是由 reactive()、readonly()、shallowReactive() 或 shallowReadonly() 创建的代理。将一个响应式对象转换为一个普通对象，这个普通对象的每个属性都是指向源对象相应属性的 ref。每个单独的 ref 都是使用 toRef() 创建的。检查一个对象是否是由 reactive() 或 shallowReactive() 创建的代理。只读对象的属性可以更改，但他们不能通过传入的对象直接赋值。将值、refs 或 getters 规范化为值。

这个钩子会在组件的任意 DOM 更新后被调用，这些更新可能是由不同的状态变更导致的，因为多个状态变更可以在同一个渲染周期中批量执行（考虑到性能因素）。当这个钩子被调用时，组件已经完成了其响应式状态的设置，但还没有创建 DOM 节点。在这个钩子中更改状态也是安全的。注册一个回调函数，若组件实例是 缓存树的一部分，当组件被插入到 DOM 中时调用。注册一个回调函数，若组件实例是 缓存树的一部分，当组件从 DOM 中被移除时调用。注册一个钩子，在组件即将因为响应式状态变更而更新其 DOM 树之前调用。

当你在 Vue 中更改响应式状态时，最终的 DOM 更新并不是同步生效的，而是由 Vue 将它们缓存在一个队列中，直到下一个“tick”才一起执行。在Vue使用组件时，对于组件数据的更改不会立即反应在DOM中，因为Vue是异步更新DOM的。所以需要使用nextTick()或者$nextTick()函数来更新DOM。nextTick() 可以在状态改变后立即使用，以等待 DOM 更新完成。所以在修改数据之后立即使用这个方法，可以获取更新后的Dom。暴露当前所使用的 Vue 版本，类型string。

像组件与 prop 一样，事件的名字也提供了自动的格式转换。注意这里我们触发了一个以 camelCase 形式命名的事件，但在父组件中可以使用 kebab-case 形式来监听。与 prop 大小写格式一样，在模板中我们也推荐使用 kebab-case 形式来编写监听器。的额外参数都会被直接传向监听器。触发后，监听器函数将会收到这三个参数值。会返回一个相同作用的函数供我们使用。方法在组件实例上也同样以。父组件监听事件并接收参数。Tips: 所有传入。

总的来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要频繁切换，则使用 v-show 较好；如果在运行时绑定条件很少改变，则 v-if 会更合适。v-if 也是惰性的：如果在初次渲染时条件值为 false，则不会做任何事。相比之下，v-show 简单许多，元素无论初始条件如何，始终会被渲染，只有 CSS display 属性会被切换。v-if 是“真实的”按条件渲染，因为它确保了在切换时，条件区块内的事件监听器和子组件都会被销毁与重建。

计算属性来描述依赖响应式状态的复杂逻辑。模板中最好不好写复杂的逻辑计算，否则会让模板变得臃肿，难以维护。

局部注册的组件需要在使用它的父组件中显式导入，并且只能在该父组件中使用。一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。为了方便，Vue 支持将模板中使用 kebab-case 的标签解析为使用 PascalCase 注册的组件。但是，PascalCase 的标签名在 DOM 内模板中是不可用的。这让我们能够使用同样的 JavaScript 组件注册代码来配合不同来源的模板。请注意：局部注册的组件在后代组件中并不可用。为名注册的组件，在模板中可以通过。

Vue 的单文件组件 (即 *.vue 文件，简称 SFC，全称是single file component) 是一种特殊的文件格式，使我们能够将一个 Vue 组件的模板、逻辑与样式封装在单个文件中。</style>Vue 的单文件组件是 HTML、CSS 和 JavaScript 三种元素的自然延伸。<template><script>和<style>

原因：使用vite创建vue3.0项目的时候，vite不会自动安装相关的依赖，需要我们手动去安装，连node_modules文件夹都没有。vite不像 node 或 vue cli，会自动帮助我们执行 npm i (install) 命令去下载相关依赖，需要我们手动下载；运行项目时，报错：‘vite’ 不是内部或外部命令，也不是可运行的程序。在vite.config.js中配置。在vite.config.js中配置。在vite.config.js中配置。在vite.config.js中。

5、网络通畅的情况下，连接websocket不成功时，先触发error, 再触发close（选定）综上，各种异常情况下都会触发close, 各种断开重连的操作，最好放在close事件下。4、先断网后连接websocket，先触发error事件，再触发close事件。2、成功连接websocket后服务器断开时触发close事件。3、成功连接websocket后断开网络，触发close事件。1、客户端主动关闭websocket时触发close事件。close：连接被关闭时触发。open：连接成功时触发。

Worker-Loader插件的主要作用是将我们的JavaScript文件转换为Web Worker线程。它可以将我们的JavaScript文件打包成一个独立的文件,该文件可以在Web Worker中运行。如果需要在切换页面后继续执行定时器，可以使用Web Worker，它是在后台运行的程序，不受页面切换影响。setInterval定时器是基于当前页面的，如果切换到其他页面，定时器会被暂停。2、配置：在webpack.base.config.js文件中，3、创建js文件：my.worker.js。

【代码】vue2: vue-cli中favico和title的配置。