前言 最近零食很忙出了一道上机题：给你30分钟，请实现数据的双向绑定！如下图 机智的小伙马上就想到了解决办法。这种题还用半个小时？给我5分钟,我要开始装逼了~ 面试官：今天面试到此结束，根据你今天的表

2024 年排名前 10 的 Vue UI 库，确保我们的开发工作流程保持优化，从而实现生产力最大化。Vue 已经成为人气爆棚的 JS 框架，凭借其简单性、灵活性和用户友好性吸引了一大波前端开发者。

使用Vue开发的过程中，我们经常会遇到一个状态可能会在多个组件之间使用，比如我们在做项目时使用到的用户的信息，什么昵称、头像这些，这些信息会在不同的组件用到，一旦改变这些状态，我们希望其他组件也跟随变化，比如用户充值了100元，或者改变了昵称，所以这个时候就需要状态管理模式来集…

登录：当用户填写完账号和密码后向服务端验证是否正确，验证通过之后，服务端会返回一个token，拿到token之后（我会将这个token存贮到sessionStorage中，保证刷新页面后能记住用户登录状态），前端会根据token再去拉取一个 user_info 的接口来获取用户…

父传子：父组件：dataAndTime为传递到子组件的数据（绿色部分）子组件：用props接收数据，使用时this.dataAndTime子传父父组件子组件兄弟组件之间的传参eventBus组件1：组

vuex：用来做状态管理的，里面定义的变量在每个组件中均可以使用和修改，在任一组件中修改此变量的值之后，其他组件中此变量的值也会随之修改。 Mixins：可以定义共用的变量，在每个组件中使用，引入组件中之后，各个变量是相互独立的，值的修改在组件中不会相互影响。 组件：在父组件中…

前言当我们的项目越来越大，我们会发现组件之间可能存在很多相似的功能，你在一遍又一遍的复制粘贴相同的代码段（data，method，watch、mounted等），如果我们在每个组件中去重复定义这些属性

项目当中如果做新增/修改/删除等等操作通常情况下都需要刷新数据或者刷新当前页面.如果页面简单,调用接口刷新数据即可.如果页面复杂,需要调用多个接口或者通知多个子组件做刷新,可以采用刷新当前页面的方式

vue组件间的12种传值方式 当做到比较大的项目时，一个vue文件里面可能要包含上千行代码，这样不利于后期维护与问题定位，抽离成组件就尤其重要了 重中之重的就是组件之间数据传递的几种方式 Vue2最常