从Vue 2到Vue 3的核心概念讲解

文章结构概述

• 数据劫持
  • • 在data中定义的数据为何会自动具备get与set方法？

    • • 数据劫持

      • • data与_data之间的关联

      • Object.DefineProperty

      • • Object.DefineProperty存在的不足之处

      • Proxy

      • 对比分析Proxy与Object.defineProperty的差异并进行总结

数据劫持

在上一次的面试过程中，面试官曾询问我对Vue中双向绑定（v-model）的理解。当时我的回答显得较为片面，仅仅解释了该内置指令的基本含义。面试官在听完我的阐述后，并未作出任何反馈，这让我意识到自己的理解可能不够深入或存在偏差。因此，我开始利用一切空闲时间对Vue中的双向绑定机制进行了更加系统和深入的研究。

对v-model的理解：

• v-model是Vue框架提供的一项内置指令，其本质是一种语法糖，主要作用是监听用户的输入操作并据此更新数据。
• v-model可以应用于表单元素如input、textarea以及select等，实现数据的双向绑定。该指令会依据控件类型自动选择合适的方法来同步数据。
• 实际上，v-model仍然遵循单向数据流的原则。通过v-b