- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue路由同步加载与异步加载
在配置路由时，选择一次性加载（同步加载）还是懒加载（异步加载）主要取决于项目的性能需求、代码结构和用户体验。直接导入组件是 Webpack 的魔法注释，用于指定 chunk 名称。使用 Vue Router 的onError。
2025-07-14 22:16:10
585
原创 vue3父子组件通信-父向子
父组件的数据更新会自动传递给子组件，但子组件不能直接修改 props。中使用 props，直接解构会失去响应性，需用。若子组件需要修改数据，应通过。在父组件模板中，通过。
2025-07-08 14:38:33
351
原创 promise里的value与reason
传递成功的数据（比如接口返回的数据、文件读取的内容等）。：直观表示 “异步操作成功后得到的有效数据”，比如代码中读取文件的。：直观表示 “异步操作失败的原因”，比如文件读取失败时的。、错误描述字符串等）。这个 “失败的原因” 在。当异步操作成功时，Promise 状态从。当异步操作失败时，Promise 状态从。的第一个回调函数中接收，通常命名为。（错误对象），它解释了为什么操作失败。（文件内容），就是一个有价值的结果。传递失败的信息（比如错误对象。（表示 “有价值的结果”）。（表示 “失败的原因”）。
2025-07-04 09:18:08
219
1原创 Vue指令总结
标签 v-for="(循环变量,唯一标识) in 被循环的内容" :key="唯一标识">{{ 循环变量 }}</标签>用于创建一次性渲染的元素或组件。一旦渲染后，即使数据发生变化，元素或组件的内容也不会再更新。就是可以将带有标签性质字符串直接渲染，但是不安全会造成数据泄露，公网环境下不推荐。<标签 v-on:事件名="事件处理函数(e)"></标签>当表单控件的值发生变化时，Vue 实例中的数据会自动更新。<标签 @:事件名="事件处理函数(e)"></标签>会将表达式的值直接插入到元素的。
2025-06-04 23:57:36
977
原创 ＜form＞标签及其属性
它包含各种表单控件（如输入框、单选按钮、复选框、下拉菜单等），是实现用户交互的核心元素。收集用户输入数据并提交到服务器或进行客户端处理。：指定提交表单数据的 HTTP 方法，常用值为。是 HTML 中用于。
2025-05-18 10:27:19
773
原创 vue3如何实现动态图标渲染？
（如 Font Awesome、Element UI 图标、Iconify 等），而不是自己创建图标组件。）会被解析为已注册的组件，从而动态渲染出对应的图标。只需修改图标组件，无需改动菜单结构。实际开发中，你通常会使用。
2025-05-10 10:43:10
499
原创 key 在 Vue 中是如何提高 DOM 更新效率
里有输入框、选中状态等，这些状态会被错误保留（因为 DOM 节点被复用了）。）‘ 来提高渲染效率。这样，所有 DOM 操作都精确对应数据变化，不会出现状态混乱。，会导致 DOM 节点被错误复用，丢失状态。同样删除第一个待办项后，Vue 会根据。，但节点的 DOM 元素本身没有变化。虚拟 DOM（Virtual DOM。，而不是修改文本内容。
2025-05-10 10:32:15
321
原创 chunk-P6LIZOND.js?v=f8e16ef3:2142 [Vue warn]: Failed to resolve component: common-headerIf this is
vue3报错解决。
2025-05-10 10:04:51
307
原创 chunk-U3LI7FBV.js?v=d727f1e3:2116 [Vue warn]: Failed to resolve component: router-viewIf this is a
app.use(router) 需放在app.mount(’#app’)前面 不然加载时router-view、router-link等未被渲染。分开写，不要写成一行。
2025-05-09 20:16:33
122
原创 props
props在子组件中定义props，可以通过多种方式来定义。javascriptprops是单向数据流，数据只能从父组件流向子组件，不能从子组件流向父组件。通过props，可以方便地在组件之间共享数据。
2025-05-07 16:54:42
257
原创 watchEffect使用
在 Vue 3 里，属于响应式副作用函数，它能，当所依赖的响应式数据发生变化时，会重新执行传入的回调函数。以下是关于。
2025-05-06 09:25:00
651
原创 常见的DOM操作
DOM 操作是网页开发中非常重要的一部分，它使得网页能够实现动态交互和实时更新，为用户提供更好的体验。可以直接通过元素对象的属性来修改元素的属性值。属性来修改元素的内联样式。
2025-04-29 10:43:01
447
原创 监视`ref`定义的【对象类型】数据
在 Vue 3 里，ref用于创建响应式数据。当使用ref定义一个对象时，ref实际上包裹了这个对象，形成了一个响应式引用。例如：javascriptage: 30});这里的obj是一个ref对象，它有一个value属性指向实际的对象。
2025-04-28 20:45:55
370
原创 解构赋值理解
解构赋值是一种 JavaScript 表达式，它能让你从数组或对象中提取值，并赋值给不同的变量。下面从数组解构、对象解构、嵌套解构、默认值、剩余参数几个方面详细介绍。
2025-04-28 19:06:21
371
原创 setup和data和methods之间有什么关系，setup和后面这些传统配置项可以一起写吗，如果冲突了，以谁为主
在 Vue.js 里，setupdata和methods是不同的选项，下面为你详细介绍它们之间的关系，以及能否一起使用和冲突时的优先级。
2025-04-28 15:42:41
327
原创 VS-Code中Vue3-项目创建--vite
vscode里面有extension.json里面装着插件，推荐Vue - Official但是我发现我的code版本不兼容，按需求选择。>env.d.ts目的是为了让ts认识.jpg和.txt文件(点进去发现飘红，在VScode终端输入。创建一个App组件并将App组件挂载到id为app的容器上面。>index.html 入口文件把src里面main.ts引入了；>vite.config.ts:整个工程的配置文件，里面可以安装插件配置代理之类的。>后面的package就是包的依赖声明文件之类的。
2025-04-28 10:51:49
1287
原创 2025typora安装教程（自用）
然后前后有两个要打√的选项框，前面的是决定要不要在。复制为MarkDown：Ctrl+Shift+C。显示隐藏侧边栏：Ctrl+Shift+L。粘贴为纯文本：Ctrl+Shift+V。文档列表视图：Ctrl+Shift+2。文件树视图：Ctrl+Shift+3。有序列表：Ctrl+Shift+[无序列表：Ctrl+Shift+]新建窗口：Ctrl+Shift+N。大纲视图：Ctrl+Shift+1。实际大小：Ctrl+Shift+0。代码块：Ctrl+Shift+K。公式块：Ctrl+Shift+M。
2025-04-21 23:07:55
361
原创 Vue2脚手架中的消息订阅与发布（pubsub）
最好在beforeDestroy钩子中，用```PubSub.unsubscribe(pid)```去<span style="color:red">取消订阅。this.pid = pubsub.subscribe('水果团购消息'，（msgName,data）=>{this.pid = pubsub.subscribe('xxx',this.demo) //订阅消息。的意思，把第三方库pubsub.js拿过来就可以实现在任何一个框架里面进行消息的订阅与发布。》 B组件提供“团购水果消息”
2025-04-18 20:59:15
390
原创 Vue里面Webpack是啥（自理解）
webpack它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并。这个文件用来定义 Webpack 的各项配置，像入口文件、输出路径、加载器、插件等。基于 Webpack 的项目根目录下，一般会存在 webpack.config.js。将其打包为合适的格式以供浏览器使用。WebPack是模块打包工具。
2025-04-15 08:49:27
384
原创 npm : 无法加载文件 D:\...\nodejs\npm.ps1，因为在此系统上禁止运行脚本；报错处理
在 Windows PowerShell 里，Restricted：这是默认策略，它会禁止所有脚本的运行。即使是本地创建的脚本也无法执行。AllSigned：只有经过数字签名的脚本才能运行，不管这些脚本是本地的还是从网络下载的。：本地脚本无需数字签名就能运行，但从网络下载的脚本必须要有数字签名才行。：允许所有脚本运行，不过从网络下载的脚本在运行前会给出安全提示。Bypass：不做任何限制，所有脚本都能直接运行，不会给出安全提示。Undefined。
2025-04-14 11:17:39
3778
原创 Vue脚手架的安装（自用）
2.在node.js的下载目录新建文件node_global 和 node_cache。在这两个文件右击=>都选择属性=>选择安全=>Users那里的允许全打√。这里直接选择了长期支持版本,下载一直点next就行，最好换个安装位置。babel用于吧ES6===>ES5;eslint语法检查。按一下ctrl+c,然后再按enter键就会停掉。报错没关系，报完错后，win+r重启一下终端。有successfully就表明创建成功了。ok这样脚手架就成功安装了。6.然后测试安装是否成功。5.Vue脚手架的安装。
2025-04-12 22:26:29
450
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人