Vue 3组件通信13种方法
摘要：1. 父组件向子组件传递数据 (Props) 这是最基本也是最常用的通信方式。父组件通过属性向子组件传递数据。 「父组件:」 <template> <child :name="name"></child></template><script setup>import { ref } from 'vu
阅读全文
posted @
2024-07-28 00:19
W-阿飞
阅读(181)
推荐(0) 编辑
vue中的插槽
摘要：1.默认插槽 // 子组件 <template> <div> <slot></slot> </div> </template> // 父组件 <template> <ChildComponent> <p>这是插槽中的内容</p> </ChildComponent> </template> 2.具名插
阅读全文
posted @
2024-07-27 18:24
W-阿飞
阅读(5)
推荐(0) 编辑
「Vue2+Vue3」 的 62 个知识点
摘要：1、Vue2 和 Vue3 的区别？ vue3 对于 typescript 的支持更加的好 vue3 的 Composition API， vue2 的 Option API vue3 打包使用 tree-shaking 策略，体积更小 vue3 在模板编译的阶段会有静态节点提升，运行时性能更好 v
阅读全文
posted @
2024-07-27 17:30
W-阿飞
阅读(52)
推荐(0) 编辑
前端部署
摘要：现在大部分的中小型公司部署前端代码都是比较简单的，主要步骤如下: 首先，通过脚手架提供的命令npm run build打包前端代码，生成dist文件夹； 最后，将dist文件夹丢给后台开发人员放在他们的工程里面，随后台一起部署；现在普遍是前后端分开部署，因此，利用nginx起一个web服务器，将di
阅读全文
posted @
2024-07-25 15:12
W-阿飞
阅读(11)
推荐(0) 编辑
vue3中使用@作为引用根目录报错
摘要：在 Vue 3 中使用 @ 作为引用根目录（通常是 src 目录）报错，通常是因为配置未正确设置或者配置未被项目正确识别。 1.1. 排查和解决此类问题的步骤： 确认配置文件： 对于使用 Vite 的项目，需要在 vite.config.ts 文件中配置路径别名。确保你已经正确导入了 path 模块
阅读全文
posted @
2024-07-18 11:50
W-阿飞
阅读(1545)
推荐(0) 编辑
