Vue响应式原理及双向数据绑定是如何实现的长尾词机制？

本文共计1280个文字，预计阅读时间需要6分钟。

目录+前言+响应式原理+双向数据绑定+前言+公司简介，面试了一些前端同学，因为他们熟悉Vue，所以面试时难免会问到其响应式原理和双向数据绑定。

目录

• 前言
• 响应式原理
• 双向数据绑定

前言

之前公司招人，面试了一些的前端同学，因为公司使用的前端技术是Vue，所以免不了问到其响应式原理和Vue的双向数据绑定。但是这边面试到的80%的同学会把两者搞混，通常我要是先问响应式原理再问双向数据绑定原理，来面试的同学大都会认为是一回事，那么这里我们就说一下二者的区别。

响应式原理

是Vue的核心特性之一，数据驱动视图，我们修改数据视图随之响应更新，就很优雅~

Vue2.x是借助Object.defineProperty()实现的，而Vue3.x是借助Proxy实现的，下面我们先来看一下2.x的实现。