Vue核心特性

本节目标：理解“Vue核心特性”的核心思路，并能把它用于实际开发或面试表达。

说明：原 OneNote 中有图片引用，但图片未包含在导出目录中；本页保留了可用的文字与代码内容。

==一、====数据驱动（====MVVM)==
==MVVM====表示的是== ==Model-View-ViewModel==

==Model====：模型层，负责处理业务逻辑以及和服务器端进行交互==

==View====：视图层：负责将数据模型转化为====UI====展示出来，可以简单的理解为====HTML====页面==

==ViewModel====：视图模型层，用来连接====Model====和====View====，是====Model====和====View====之间的通信桥梁==

==这时候需要一张直观的关系图，如下==

二、==组件化==
==1.====什么是组件化一句话来说就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式，在====Vue====中每一个====.vue====文件都可以视为一个组件==
==2.====组件化的优势==

==代码复用；==

==化整为零，可以灵活组装实现需求；==

==方便快速定位====bug====；====可以注释没有问题的组件慢慢找到出问题的组件，或者根据报错的组件快速定位问题；==

==提高可维护性；由于每个组件的职责单一，我们只要关注组件范围内的逻辑；==

==三、====指令系统== ==解释：指令== ==(Directives)== ==是带有== ==v-== ==前缀的特殊属性作用：当表达式的值改变时，将其产生的连带影响，响应式地作用于== ==DOM====；== > 来自

 <https://vue3js.cn/interview/vue/vue.html#%E4%B8%89%E3%80%81vue%E6%A0%B8%E5%BF%83%E7%89%B9%E6%80%A7>

Vue核心特性 ​