vue3小技能：html和vue的区别

文章结构概述

• 引言

  • I html和vue的区别

    • 1.1 外部文件引用方式的变化
    • 1.2 组件/标签的变化
    • 1.3 js的变化
    • 1.4 css的变化
    • 1.5 在 App 端，使用 nvue 页面进行原生渲染
    • 1.6 模板语法

  • II 兼容性

    • 2.1 Vue3不支持iOS9和ie11

  • see also

引言

【在传统的开发模式中，当频繁使用原生 JavaScript 的 DOM 操作函数对页面元素进行操作时，浏览器需要不断重新构建 DOM 树，从而造成页面响应迟缓、视觉上出现明显卡顿现象。

Vue.js 的设计核心在于运用简洁的模板语法，以声明式的方式将数据绑定并渲染至 DOM 中。借助其响应式系统，Vue 能够高效地判断出哪些组件需要更新，并最大限度地减少不必要的 DOM 操作次数，从而提升整体性能。

作为单页面应用框架，Vue 通过局部刷新页面的方式实现内容更新，避免了每次跳转页面时都需要重新加载全部数据和重新构建 DOM 结构的问题。这种方式显著提升了访问速度，并有效优化了用户的使用体验。

<>

HTML与Vue技术差异解析

1.1 外部文件引用方式的变化

    <script