以下是一个使用 Vue 3 的v-model。

JavaScript是一门强大且灵活的语言，拥有丰富的特性和语法糖。分享下16个最常用的JavaScript的简写技巧，掌握它们可以让我们编写出更简洁、更优雅的代码，并显著提升开发效率（增加摸鱼时间）。

yarnnpm和cnpm是 Node.js 应用程序的包管理器，它们用于安装和管理项目依赖。

Axios 是一个基于 promise 的 HTTP 客户端，用于浏览器和 node.js。二次封装 Axios 主要是为了统一管理 HTTP 请求，例如设置统一的请求前缀、头部、超时时间，统一处理请求和响应的格式，以及错误处理等。

在Vue应用中，跨多层组件传输数据是一个常见的需求。

Vue的watch属性提供了一种观察和响应Vue实例上数据变化的能力。

Vue的computed属性是一种特殊的数据属性，它们根据组件中其他数据属性的值动态计算得出。computed属性是响应式的，只有当依赖的响应式数据发生变化时，计算属性才会重新计算。

在Vue中，$bus通常是一个事件总线（Event Bus），用于在组件之间进行通信，尤其是在没有直接父子关系的组件之间。虽然Vue推荐使用provide和inject或者Vuex进行组件通信，但在某些简单场景下，使用事件总线也是一种可行的解决方案。

高频面试题：Vue和Vue3前端面试频率较高的面试题和答案（五）（1）

Vue.js 是一个流行的前端 JavaScript 框架，用于构建用户界面和单页应用。Vue 3 是该框架的最新主要版本，引入了许多新特性和改进。以下是一些在前端面试中可能会问到的 Vue 和 Vue 3 相关的高频面试题及答案：

在 Vue 2 项目中使用 webpack 进行性能分析和优化是一个重要的环节，因为性能优化可以提升应用的加载时间和运行效率。以下是一些性能分析工具和方法，以及 webpack 优化的原理。

最近写了一个自动化部署的 npm 包zuo-deploy，只需点击一个按钮，就可以执行服务器部署脚本，完成功能更新迭代。客户端使用 Vue + ElementUI，服务 koa + socket + koa-session 等。基础功能代码 300 行不到，已开源在 github。zuoxiaobai/zuo-deploy 欢迎 Star、Fork。这里介绍下具体实现细节、思路。作者：夲奋亻Jay链接：https://juejin.cn/spost/7365351534601617471来源：稀土

自定义指令是`vue`中使用频率仅次于组件，其包含`bind`、`inserted`、`update`、`componentUpdated`、`unbind`五个生命周期钩子

这里只说Vue2的bind：指令绑定到指定元素时调用，只调用一次inserted：指定元素插入父节点时调用update：所在组件的 VNode 更新时调用：所在组件以及其子组件 VNode 全部更新后调用unbind：只调用一次，指令与元素解绑时调用props: {num: {// 返回值为false则验证不通过，报错return [== -1model: {

8 个很棒的 Vue 开发技巧

在vue项目中用vuex来做全局的状态管理， 发现当刷新网页后，保存在vuex实例store里的数据会丢失。

关于vue3的重构背景，尤大是这样说的：「Vue 新版本的理念成型于 2018 年末，当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久，但在这段时期，前端世界已经今昔非比了在我们更新（和重写）Vue 的主要版本时，主要考虑两点因素：首先是新的 JavaScript 语言特性在主流浏览器中的受支持水平；其次是当前代码库中随时间推移而逐渐暴露出来的一些设计和架构问题」利用新的语言特性(es6)解决架构问题。

权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源而前端权限归根结底是请求的发起权，请求的发起可能有下面两种形式触发

我们先从单向绑定切入单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了，在单向绑定的基础上，用户更新了View，Model的数据也自动被更新了，这种情况就是双向绑定举个栗子当用户填写表单时，View的状态就被更新了，如果此时可以自动更新Model的状态，那就相当于我们把Model和View做了双向绑定关系图如下

我们都知道在 vue 中 v-show 与 v-if 的作用效果是相同的(不含v-else)，都能控制元素在页面是否显示在用法上也是相同的

diff 算法是一种通过同层的树节点进行比较的高效算法其有两个特点：比较只会在同层级进行, 不会跨层级比较在diff比较的过程中，循环从两边向中间比较diff 算法的在很多场景下都有应用，在 vue 中，作用于虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较

MVVM 是 Model-View-ViewModel的缩写，即将数据模型与数据表现层通过数据驱动进行分离，从而只需要关系数据模型的开发，而不需要考虑页面的表现，具体说来如下：Model代表数据模型：主要用于定义数据和操作的业务逻辑。View代表页面展示组件（即dom展现形式）：负责将数据模型转化成UI 展现出来。ViewModel为model和view之间的桥梁：监听模型数据的改变和控制视图行为、处理用户交互。通过双向数据绑定把 View 层和 Model 层连接了起来，而View 和 Model 之间的

组件

自定义事件应始终使用 kebab-case 的事件名。不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。不同于组件和 prop，事件名不会被用作一个 JavaScript 变量名或 property 名，所以就没有理由使用 camelCase 或 PascalCase 了。并且v-on事件监听器在 DOM 模板中会被自动转换为全小写 (因为 HTML 是大小写不敏感的)，所以将会变成——导致myEvent不可能被监听到。原生事件参考列表。