第一部分 1.css只在当前组件起作用 答:在style标签中写入scoped即可 例如:<style scoped></style> 2.v-if 和 v-show 区别 答:v-if按照条件是否渲染,v-show是display的block或none; 3....
Vue
结合Vue案例梳理前端设计模式
一、什么是设计模式? 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码,让代码更容易的被他人理解并保证代码的可靠性。 设计模式实际上是...
Vue 响应式原理的 10 个细节
在讲解之前,我们先了解一下数据响应式是什么?所谓数据响应式就是建立响应式数据与依赖(调用了响应式数据的操作)之间的关系,当响应式数据发生变化时,可以通知那些使用了这些响应式数据的依赖操作进行相关更...
Vue3除了keep-alive,还有哪些页面缓存的实现方案
引言 有这么一个需求:列表页进入详情页后,切换回列表页,需要对列表页进行缓存,如果从首页进入列表页,就要重新加载列表页。 对于这个需求,我的第一个想法就是使用keep-alive来缓存列表页,列表和详情...
Vue3优雅地监听localStorage变化
最近在研究框架,也仔细用了Vue3一些功能,今天分享一次我的实践: 「Vue3如何监听localStorage的变化。」 为什么要这样做? 原生的localStorage只能监听同源地址下不同页面的localStorage变化,作为...
3 种在 Vue 3 中定义组件的方法
Vue 正在不断发展,目前,在Vue 3 中有多种定义组件的方法。从选项到组合再到类 API,情况大不相同,如果您刚刚开始,可能会感到困惑。让我们定义一个简单的组件并使用所有可用的方法重构它。 1. Options A...