• 微信号
目录

vue学习笔记

vue学习笔记

您当前的位置:首页 > 我的笔记 > vue学习笔记

vue学习笔记

vue是什么

Vue是一个用JavaScript编写的渐进式框架,被广泛应用于前端开发。易学易用,性能出色,适用场景丰富的 Web 前端框架。

概念:Vue (读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架

它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,可以高效地开发用户界面

Vue官网: https://cn.vuejs.org/

Vue2文档: https://v2.cn.vuejs.org/

构建用户界面

基于数据渲染储用可以看到的界面

框架特点

Vue.js 是一种渐进式JavaScript框架,由尤雨溪(Evan You)创立,首个版本发布于2014年。

1. 渐进式:Vue是渐进式的,这意味着如果你有一个现有的服务器端应用,你可以将Vue作为其中的一部分来使用,而不是整个前端都用Vue重写。随着需要的增长,你可以逐渐将更多的部分迁移到Vue。

2. 数据绑定:Vue实现了数据的双向绑定,即模型和视图之间的同步自动进行。这是通过Vue的响应式系统实现的,每当模型数据改变时,视图会自动更新。

3. 组件化:Vue鼓励开发者通过组件化的方式构建应用,每个组件都是一个封装好的自包含单元,这有助于提高代码复用性和测试性。

4. 虚拟DOM:Vue使用虚拟DOM来优化DOM的更新,只在必要的时候进行实际DOM的修改,这提高了应用的性能。

5. 易于上手:Vue提供了详尽的文档和教程,新手也能相对容易地上手。它的API设计直观,结合了Angular的数据绑定特性和React的组件化特性。

6. ECMAScript 5 兼容性:Vue不依赖于ECMAScript 2015(ES6)或更高版本的特性,这意味着它可以在不支持这些最新特性的旧浏览器(如IE11)上运行。

7. 活跃的社区和生态系统:Vue具有一个非常活跃和支持的社区。有大量的第三方库和工具可以与Vue集成,如Vuex(状态管理)、Vue Router(路由管理)和Nuxt.js(服务端渲染)。

8. 定制性:Vue的核心库专注于视图层,它不仅容易集成,还能配合各种其他库或现有项目使用。

9. 官方支持的库和工具:Vue的官方库包括状态管理、路由等关键功能,Vue CLI也为项目构建提供了强大的支持。

10. 轻量级:Vue的核心库小且快速,确保具有良好的性能,同时保持了丰富的特性。