Vue3由浅入深

近期在项目中遇到了一个设计需求，在 UI 给我提供的原图中有一个和 element UI 选择器功能基本一致的样式，但是由于我们是有自己的主体颜色和一些细节上的样式设计的，无法直接复用。所以不如自己写

最近接手了一个 UI 需求，设计想让实现一个 popup，它可以在屏幕任意方向弹出一个自定义的样式。我首先考虑到的就是使用 vant 这个组件库中的 popup，但是发现它不是特别能满足我的需求

前两天接到了一个需求，主要功能是实现类似于 B站 消息页面的那种效果，右侧几个 tab 都需要使用到无限加载的功能。

在前端项目中牵扯的最多的莫过于组件之间的传值了，除了最最常用的 **props** 和 **emit**，其实在 **Vue** 中还额外提供了另外几种方法。今天分享一种组件之间通信的方法。

: 最近在公司 PC 端的项目中使用到了右键出现菜单选项这样的一个工作需求，并且自己现在也在实现一个右键菜单。

今天在项目中遇到了很多很多需要弹出一个对话框的场景，由于之前全都是通过 **v-if** 来控制这个组件的显示与否，这样就造成了很多页面莫名多出了很多不相关的代码，极度不优雅。所以我尝试去实现了一个函

这几天在项目中遇到了需要将用户在搜索框中输入的文字高亮的效果，思考了很久，暂时没有想到更优雅的解决方式，于是采用了最简单的一种思路来实现，特来记录一下。

Vue3 如何实现一个全局搜索框 开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情 前言：自从学习 vue 以来，就对 vue 官网全局的 command

使用 Vue3 开发了四个月，回顾 emit 的用法 前言：不知不觉已经从 React 转 Vue3 开发四个多月了，但其实自从刚接触 vue 开始，就对 emit 这个指令似懂非懂。所以在项目中其实

Vue3 你可能忽略的 v-model 的巧用 前言：目前已经使用 Vue3 开发已经四个多月了，常用的一些机制自己确信已经玩的很明白了，但是在这周里看到同事的一个组件设计，用到了 V-model这个

前言：   前两天在项目中很多场景下都需要用到一个toast弹窗，项目使用的是ionic+tialwind_Css，ionic也有自带的toast弹窗，虽然大部分场景下直接调用它提供的api已经能满足

今天项目需求需要实现一个类似于微信右滑显示额外选项的功能，记录一下实现思路。 一.搭建简易的页面 对应的代码，界面使用了tailwindCSS，代码非常简单，就是普通的定位，关键的定位已经用黄色框框圈

这周在项目中需要实现一个类似于github顶部标题的效果，如下图 主要效果为：当用户点击的时候，底部出现黑色的细线，并且当前项目的字体变粗。感觉这种场景很多，特来记录一下实现过程。 接下来我会一步步讲

由于VueRouter官方文档写的太过抽象，真的特别不好理解，所以我来总结一下如何去更简单地理解路由跳转时的动画。 首先看一下官方对于这个概念的解释。 在刚开始学习的时候，看到黄色框框里内容直接傻眼，

对React有了解的小伙伴一定对 props.children这个属性不陌生。其实Vue里的slot和它的概念是差不多的。 我喜欢了解一个知识点的时候，先去查阅它的英文意思，这样真的可以帮助我们深刻的

由于之前写的项目都是基于react来开发和思考的，转到vue中从来未接触过emit这个概念，官方的文档写的也不是特别清楚，（也或许是我的思想还尚未从react的编程理念中转出来）查阅了很多作者关于em

之前只是单纯的会用，因为vue关于父子组件通讯差别有一点点大。 1.在父组件内传递变量的时候，需要加冒号:，否则你就只是单纯的传递了一个字符串而已。 2.在子组件里不需要引入defineProps就可

在Vue2中我们可以在<template>中的元素标签使用ref属性（类似于原生HTML标签的id属性）在<script>标签通过this.$refs拿到真实DOM标签的元素。 获取具体到<butto

今天在学习vue的过程中，遇到了一个小问题，在vue的模版<template>标签中无法直接调用windows对象身上的方法,而react中可以,感觉这个问题还挺容易遇到的，来记录一下。 首先Reac

由于工作需要，以后可能会敲vue代码了，所以今天开始会零散的记录一下自己学Vue3.0的一些案例。 就从经典的TodoList案例开始吧～ 也算补上之前react的todolist案例的坑吧🎁 简单的