1-Vue基本概念

0.url

https://cn.vuejs.org/

image.png

一.什么是Vue

Vue.js是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合.(Vue有配套的第三方类库,可以整合起来做大型的项目开发).Vue是前端主流框架之一,和Angular.js,React.js一起,并称前端三大主流框架

二.框架和库的区别

框架:一套完整的解决方案;对项目的侵入性较大,项目如果需要更换框架,则需要重新构架整个项目
库(插件):提供某一个小功能;对项目的侵入性较小,如果某个库无法实现某些需求,,可以很容易的切换到其它库实现需求
常见的库:Swiper,jQuery,zepto,如果要将jQuery切换到zepto,只需要更换导入的文件以及修改使用该库的代码即可

三.为什么要学习流行框架

提升开发效率:在企业开发中,时间就是效率,效率就是金钱

前端提升开发效率的发展历程:
原生JS-->jQuery/Swiper/zepto等类库--->前端模板引擎-->三大主流开发框架
原生JS:通过JS操作DOM元素(选中/监听/修改)
库(jQuery/zepto):快速查找,动画,网络请求,但还是利用JS操纵找到的DOM元素
前端模板引擎:直接把数据给前端模板,会自动把数据渲染出来
三大主流框架:界面上做逻辑处理,发送请求,获取数据,用模板渲染界面

四.Vue的优势

1.Vue能够帮助我们减少不必要的DOM操作,解放程序员的双手,让程序员有更多的时间关注业务逻辑
2.Vue的核心概念之一在于通过Data驱动界面的更新和展示,而非JS中通过操作DOM来改变页面的显示
3.Vue在框架设计上采用MVVM(Model-View-ViewModel)模式,其中ViewModel是Vue.js的核心,它是一个Vue的实例(对象),这个实例作用于界面上某个HTML元素

image.png
image.png
4.4Vue的核心概念之二,就是页面的组件化,它提供了一种抽象,让我们可以用独立可复用的小组件来构建大型应用
image.png
比如:电商网站中,秒杀/拼团/普通商品展示可以构建三个不同的组件,实现复用