vue - [01] 概述

题记部分

001 || 什么是Vue

  Vue（发音为 /vju:/，类似view）是一款用于构建用户界面的渐进式框架（JavaScript）。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，可以高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。

  

002 || 项目结构

003 || Vue的特点

  简单易学、双向数据绑定、组件化开发、对模块友好、声明式编码、虚拟DOM、声明式渲染、插件化、数据驱动视图、紧凑、生命周期、状态管理、方便的开发工具、灵活性和可定制性、灵活的渐进式框架、易于集成、社区活跃、可扩展性、文档全面。

004 || 扩展插件

• vue-cli：vue脚手架
• vue-resource(axios)：ajax请求
• vue-router：路由
• vuex：状态管理（它是vue插件但是没有用vue-xxx的命名规则）
• vue-lazyload：图片懒加载
• vue-scroller：页面滑动相关
• mint-ui：基于vue的UI组件库（移动端）
• element-ui：基于vue的UI组件库（PC端）

005 || vue项目名称要求

（1）符合文件系统规则

• 避免使用保留字：不要使用操作系统或命令行工具的保留字作为项目名。如test、node_modules等。
• 字符限制：通常情况下，项目名只能包含字母（a-z,A-Z）、数字（0-9）、连字符（-）和下划线（_）。某些特殊字符可能会导致命令行工具或构建工具出现问题。
• 不以数字开头：尽管技术上允许，但以数字开头的项目名可能会在某些场景下造成混淆或问题。

（2）语义清晰

• 描述性强：选择一个能够清楚表达项目用途或功能的名字，这有助于团队成员理解项目的定位。
• 简洁明了：尽量保持项目名成简短且易于记忆，过长的名字不仅难以记忆，也可能在路径中显得冗长。

（3）遵循社区管理

• 小写与连字符：很多开发者偏好使用全小写字母，并用连字符分割单词（kebab-case），如my-vue-app。这种方式符合许多前端框架和工具链的习惯，也便于URL友好。
• 避免大写字母：虽然不是硬性规定，但在大多数情况下，使用小写字母可以避免跨平台文件系统大小写敏感的问题。

（4）唯一性

• 检查npm包名：如果打算将项目发布到npm，那么需要保证所选的名称未被占用。可以在npm网站上搜索确认。
• 内部项目管理：在一个组织内部，确保项目名是唯一的，避免与其他项目冲突，特别是当多个项目共享同一Git仓库或部署环境时。

（5）考虑国际化

• 如果你的项目可能面向国际用户或者团队成员来自不同语言背景，那么选择英文或其他广泛使用的语言作为项目名称会更加合适，以便于沟通和协作。

（6）避免版权问题

• 确保你选择的项目名称不会侵犯他人的商标权或其他知识产权。如果项目是商业性质的，这一点尤为重要。

— 业精于勤荒于嬉，行成于思毁于随 —