最近因为项目需要，不得不学习一下 Vue3。于是花了 4 个小时，把 Vue3 过了一遍。现在我来带你快速了解 Vue3 的写法。

相信用过vue的小伙伴，肯定被面试官问过这样一个问题：在vue中动态的引入图片为什么要使用require 有些小伙伴，可能会轻蔑一笑：呵，就这，因为动态添加src被当做静态资源处理了，没有进行编译，所

组件效果图片展示 监听输入, 判定输入的字符 选人面板定位 所选人员姓名插入 根据渲染层文字划分段输出渲染,划分成数组渲染,没有变动过的内容, 视图就不会刷新啦 Vue 文本层 & 渲染层 处理文本层

1. 按住shift + @ 的时候，弹出通知人列表 2. 选择时 @的用户标签插入当前的光标位置中 3. 生成@的用户标签的规则是：高亮、携带用户ID、一键删除信息、不可以编辑。 4. 文本框要随内

一.前言有原生js学习基础的都知道原生js是怎么动态创建节点并且绑定事件的,于是我在vue项目中使用原生js的形式动态创建了一个节点并且绑定了一个点击事件,但是,在浏览器中却发现这个点击事件失效了,下

​  ​ Pinia 是 Vue.js 的轻量级状态管理库，非常的受广大开发者的欢迎，尤大大更是强力推荐。 Pinia作为Vue生态里Vuex的替代者，全新的Vue状态管理库，它的优势有哪些？比起Vu

本文以解答常见面试题，详细介绍了 vue-router 的几种钩子函数，以及使用流程图的方式展现几种钩子的执行流程。 演示代码基于 vue-router 4.x 。

如果，你已经很熟悉vue框架，那么可以看看我对双向绑定的实现方式，如果你有更好的方式，非常欢迎分享出来。 如果，你不熟悉vue，则可以完整的看一遍，对于之后使用vue多少会有点帮助。 在分析它之前，我们可以先回答一个问题：为什么需要双向绑定呢？让我们把时间移到十年前，来看看前端…

1. 优点： （计算属性 computed ，方法 methods 都是通过修改数据来处理数据格式的输出显示）。 2. 使用场景： 需要格式化数据的情况，比如我们需要处理 时间、价格等数据格式的输出 / 显示。 比如后端给你返回一个 年月日的日期字符串，前端需要展示为 多少天前…