vue3中的defineProps，defineEmits，defineExpose的使用详解
摘要：defineProps 和 defineEmits 都是只能在 <script setup> 中使用的编译器宏。他们不需要导入，且会随着 <script setup> 的处理过程一同被编译掉。 defineProps 接收与 props 选项相同的值，defineEmits 接收与 emits 选项
阅读全文
posted @
2024-10-14 16:59
一介-_-书生
阅读(2930)
推荐(0) 编辑
vue中的withDefaults用法
摘要：在vue3中，withDefaults是一个用于defineProps和defineEmits的辅助函数，主要用于为组件的props设置默认值，这个功能是vue3的一个新增特性，帮助简化组件的Props配置和默认值设置。 withDefaults的基本用法：主要是在使用ts中基于泛型类型的声明或者想
阅读全文
posted @
2024-10-14 15:27
一介-_-书生
阅读(1331)
推荐(0) 编辑
Vue3集成Tailwind CSS
摘要：Tailwind CSS 是一个由js编写的CSS 框架 他是基于postCss 去解析的 对于PostCSS的插件使用，我们再使用的过程中一般都需要如下步骤： PostCSS 配置文件 postcss.config.js，新增 tailwindcss 插件。 TaiWindCss插件需要一份配置文
阅读全文
posted @
2022-10-06 16:52
一介-_-书生
阅读(596)
推荐(0) 编辑
vue3中动态组件
摘要：动态切换组件代码如下（示例）： 1.markRaw标记一个普通对象，使得它不可以被转换成响应式对象。简单来说，就是组件不需要响应式，这样可以提高性能。 2.keep-alive组件在非活动状态，依旧保持组件的实例。即组件被切换时，状态不会被重置。当一个组件实例从 DOM 中移除但它是由 缓存的组件树
阅读全文
posted @
2022-10-06 15:50
一介-_-书生
阅读(2370)
推荐(0) 编辑
vue3的Async Components异步组件
摘要：前言： 当我们的项目达到一定的规模时，对于某些组件来说，我们并不希望一开始全部加载，而是需要的时候进行加载；这样的做得目的可以很好的提高用户体验。 传统方式引入组件如下，这样会一次先加载所以组件 先在项目中引入defineAsyncComponent，完整代码如下： 为了实现这个功能，Vue3中为我
阅读全文
posted @
2022-10-06 15:30
一介-_-书生
阅读(1225)
推荐(0) 编辑
