1-Vue基本概念

0.url

http://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

比如:电商网站中,秒杀/拼团/普通商品展示可以构建三个不同的组件,实现复用

推荐阅读更多精彩内容

  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 2,998评论 1赞 46
  • $HTML, HTTP,web综合问题 1、前端需要注意哪些SEO 2、 的title和alt有什么区别 3、HT...
    Hebborn_hb阅读 1,921评论 0赞 14
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 10,877评论 0赞 33
  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 1,758评论 0赞 6
  • 新浪爱彩_[官网入口]还是习惯于从前的“元宵情浓”,只是我没认真看完号召令。你们物语你们的,我情浓我自己的。自然是无可无不可的事情,也就...
    飘雨桐V阅读 57评论 0赞 0