VUE学习笔记

最新推荐文章于 2024-11-02 15:22:06 发布

AROCS8-8

最新推荐文章于 2024-11-02 15:22:06 发布

阅读量541

点赞数 4

文章标签：学习笔记

本文链接：https://blog.csdn.net/weixin_66004363/article/details/141900728

版权

nvm

nvm（node.js version management），是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具，为了解决node.js 各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。

Node.js下载安装及环境配置已完成

Vue

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

核心功能：声明式渲染、响应性（Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM）

渐进式框架

适用环境：无需构建步骤，渐进式增强静态的 HTML；在任何页面中作为 Web Components 嵌入；单页应用 (SPA)；全栈 / 服务端渲染 (SSR)；Jamstack / 静态站点生成 (SSG)；开发桌面端、移动端、WebGL，甚至是命令行终端中的界面

单文件组件

在大多数启用了构建工具的 Vue 项目中，我们可以使用一种类似 HTML 格式的文件来书写 Vue 组件，它被称为单文件组件 (也被称为 *.vue 文件，英文 Single-File Components，缩写为 SFC)。顾名思义，Vue 的单文件组件会将一个组件的逻辑 (JavaScript)，模板 (HTML) 和样式 (CSS) 封装在同一个文件里。

API 风格

选项式 API 以“组件实例”的概念为中心，对于有面向对象语言背景的用户来说，这通常与基于类的心智模型更为一致。同时，它将响应性相关的细节抽象出来，并强制按照选项来组织代码，从而对初学者而言更为友好。

组合式 API 的核心思想是直接在函数作用域内定义响应式状态变量，并将从多个函数中得到的状态组合起来处理复杂问题。这种形式更加自由，也需要你对 Vue 的响应式系统有更深的理解才能高效使用。相应的，它的灵活性也使得组织和重用逻辑的模式变得更加强大。

选择： 1、当你不需要使用构建工具，或者打算主要在低复杂度的场景中使用 Vue，例如渐进增强的应用场景，推荐采用选项式 API。 2、当你打算用 Vue 构建完整的单页应用，推荐采用组合式 API + 单文件组件。

声明式渲染

Vue 的核心功能是声明式渲染：通过扩展于标准 HTML 的模板语法，我们可以根据 JavaScript 的状态来描述 HTML 应该是什么样子的。当状态改变时，HTML 会自动更新。能在改变时触发更新的状态被称作是响应式的。

组件

组件(Component)是Vue.js最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。就像是python中封装一个类，在其他类中可以继承和调用类中的属性和方法。所有的 Vue 组件同时也都是 Vue 的实例，所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。