【Vue3 第十一章】组件化基础

文章目录

• • 一、模块化开发理念
    • • 1.1 模块定义
      • 1.2 标准化规范：Web Components

    • 二、模块实际应用

    • • 2.1 效果图呈现
      • 2.2 预处理工具
      • 2.3 命名作用域

一、组件化开发思想

数字化管理平台
Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus
权限系统-商城
个人博客地址

1.1 组件概念

前端技术演进过程中，组件化架构已成为重要发展趋势，当前广受推崇的 React 与 Vue 均属于组件化开发框架。
作为 Vue.js 框架中最具代表性的特性之一，组件（Component）具备扩展 HTML 元素的能力，并可将重复使用的代码封装为独立单元。

现实场景中的组件化思维体现 ：

![在这里插入图片