vue基本概念
本文主要介绍以下四个知识点:
- 为什么要学习vue
- 什么是vue
- vue是mvvm框架
- vue的组件化思想
为什么要学习vue
- 学习 Vue是为了提高开发效率 :
更少的时间 , 干更多的活
- 企业中很多网站都是使用vue开发的
- 对于前端工程师而言,大部分的职位都要求会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中都是组件化开发的,组件化开发就是把一个完整的页面分割成一个一个的小组件。
组件化的优点(如下图):
- 容易维护
- 便于复用(HTML+CSS+JS)
总结
-
为什么要学习vue?
- 提高开发效率
- 企业中很多网站都是用vue开发的
- 前端职位对vue有要求
-
什么是vue?
- vue是一个渐进式的javascript框架
-
vue是mvvm框架
- vue通过
数据双向绑定
让数据和视图自动地双向同步,因此不需要操作DOM,只需要操作数据即可(数据驱动视图)
- vue通过
-
vue组件化思想
- 组件 (Component) 是 Vue.js 最强大的功能之一