Vue3集成Tailwind CSS
摘要：Tailwind CSS 是一个由js编写的CSS 框架 他是基于postCss 去解析的 对于PostCSS的插件使用，我们再使用的过程中一般都需要如下步骤： PostCSS 配置文件 postcss.config.js，新增 tailwindcss 插件。 TaiWindCss插件需要一份配置文
阅读全文
posted @
2022-10-06 16:52
一介-_-书生
阅读(596)
推荐(0) 编辑
测试for和foreach循环跳出中断的问题
摘要：1、for循环 for 使用return 、 break，是跳出了整个循环。 for(var i = 0; i < 5; i++) { console.log(i) if (i == 3) { return // break // 跳出整个循环 // continue // 跳出当前循环 } } 2
阅读全文
posted @
2022-10-06 16:23
一介-_-书生
阅读(223)
推荐(0) 编辑
动态class的几种方式
摘要：1、第一种方式最基础的class 实现代码如下： <p :class="{'active':isActive, 'current': isCurrent}">我是第一种方式最基础的class{{isActive}}</p> 2、第二种方式的class <p :class="classList">我是
阅读全文
posted @
2022-10-06 16:01
一介-_-书生
阅读(1487)
推荐(1) 编辑
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) 编辑
