01-vue基础-vue基本概念

vue基本概念

本文主要介绍以下四个知识点：

• 为什么要学习vue
• 什么是vue
• vue是mvvm框架
• vue的组件化思想

为什么要学习vue

1. 学习 Vue是为了提高开发效率 ： 更少的时间 , 干更多的活

2. 企业中很多网站都是使用vue开发的

看看尤大大怎么说？

3. 对于前端工程师而言，大部分的职位都要求会vue

什么是vue

Vue(读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式javascript框架，作者尤雨溪。

vue是一套前端的开发框架，vue是目前三大主流的框架之一，其他两个框架是:React、Angular。

Vue的特点：

• 易用: 你只要会一点html、css、js就可以开始学习vue了。

• 灵活: 你可以使用vue的一部分功能当成库来使用，也可以把vue当成一套完整的框架来构建项目。

• 高效: vue文件压缩后只有20kb，而且vue使用了虚拟DOM，性能很高。

vue是mvvm框架

MVVM，一种软件架构模式，主要目的是分离视图（View）和模型（Model）。

• M：model 数据模型，如ajax获取到的数据
• V：view视图（页面）
• VM：ViewModel 视图模型，是view和model的桥梁

MVVM通过数据双向绑定让数据和视图自动地双向同步 不在需要操作DOM

• V（修改视图） -> M（数据自动同步）
• M（修改数据） -> V（视图自动同步）

1. 在vue中，不推荐直接手动操作DOM！！！

2. 在vue中，通过数据驱动视图，不要在想着怎么操作DOM，而是想着如何操作数据！！

vue组件化思想

模块化：一个独立的 js 文件就是一个模块， 只解决了 js 的封装和复用问题。

组件化：一个组件会包含（HTML+CSS+JS），组件可以实现整个结构样式行为的复用，功能更加强大

组件 (Component) 是 Vue.js 最强大的功能之一。

在vue中都是组件化开发的，组件化开发就是把一个完整的页面分割成一个一个的小组件。

组件化的优点（如下图）：

1. 容易维护
2. 便于复用（HTML+CSS+JS）

总结

• 为什么要学习vue？

  • 提高开发效率
  • 企业中很多网站都是用vue开发的
  • 前端职位对vue有要求

• 什么是vue？

  • vue是一个渐进式的javascript框架

• vue是mvvm框架

  • vue通过数据双向绑定让数据和视图自动地双向同步，因此不需要操作DOM，只需要操作数据即可（数据驱动视图）

• vue组件化思想

  • 组件 (Component) 是 Vue.js 最强大的功能之一