一介*书生
愿你熬过苦难,依旧努力生活。
摘要: Tailwind CSS 是一个由js编写的CSS 框架 他是基于postCss 去解析的 对于PostCSS的插件使用,我们再使用的过程中一般都需要如下步骤: PostCSS 配置文件 postcss.config.js,新增 tailwindcss 插件。 TaiWindCss插件需要一份配置文 阅读全文
posted @ 2022-10-06 16:52 一介-_-书生 阅读(489) 评论(0) 推荐(0) 编辑
摘要: 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 一介-_-书生 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 1、第一种方式最基础的class 实现代码如下: <p :class="{'active':isActive, 'current': isCurrent}">我是第一种方式最基础的class{{isActive}}</p> 2、第二种方式的class <p :class="classList">我是 阅读全文
posted @ 2022-10-06 16:01 一介-_-书生 阅读(1084) 评论(0) 推荐(1) 编辑
摘要: 动态切换组件代码如下(示例): 1.markRaw标记一个普通对象,使得它不可以被转换成响应式对象。简单来说,就是组件不需要响应式,这样可以提高性能。 2.keep-alive组件在非活动状态,依旧保持组件的实例。即组件被切换时,状态不会被重置。当一个组件实例从 DOM 中移除但它是由 缓存的组件树 阅读全文
posted @ 2022-10-06 15:50 一介-_-书生 阅读(2343) 评论(0) 推荐(0) 编辑
摘要: 前言: 当我们的项目达到一定的规模时,对于某些组件来说,我们并不希望一开始全部加载,而是需要的时候进行加载;这样的做得目的可以很好的提高用户体验。 传统方式引入组件如下,这样会一次先加载所以组件 先在项目中引入defineAsyncComponent,完整代码如下: 为了实现这个功能,Vue3中为我 阅读全文
posted @ 2022-10-06 15:30 一介-_-书生 阅读(1109) 评论(0) 推荐(0) 编辑
摘要: 欢迎补充更新 阅读全文
posted @ 2022-10-06 12:46 一介-_-书生 阅读(4819) 评论(0) 推荐(0) 编辑