01_Vue概述

目录

一、vue概述

1、vue.js介绍

2、vue的优势【**】

3、框架与库的区别

4、传统项目与Vue项目的区别

5、MVC设计模式与MVVM设计模式的区别【**】

1、基本定义

2、使用场景

3、两者区别

6、虚拟DOM与真实DOM

二、Vue入门程序

1：引入Vue.js

2：创建容器

3：渲染数据

---

一、vue概述

1、vue.js介绍

       vue是一套用于构建用户界面渐进式JavaScript的框架， Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层

2、vue的优势【**】

        vue作为一款轻量级框架，简单易学，双向数据绑定，组件化，数据和结构的分离，虚拟DOM，运行速度快。 另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

Vue的优势：

1. Vue.js可以进行组件化开发，使代码编写量大大减少，读者便于理解

2. vue.js最突出的优势在于可以对数据进行双向绑定

3. Vue是单页面的应用，使页面局部刷新，不用每次跳转页面都请求所有的数据和dom

4. 相比较传统页面通过超链接实现页面的切换和跳转，Vue使用路由不会刷新页面

5. 使用vue.js编写出来的界面效果本身就是响应式的，这使网页在各种设备上都能显示出非常好看的效果

6. 而且他的第三方UI 组件库使用起来节省很多开发时间，从而提升开发效率。

3、框架与库的区别

        框架是一个框子， 提高开发效率【比较繁琐的一些需求不需要我们每次编写】，具有约束性【我们通过框架开发项目，那么我们的代码中需要使用的一些技术栈的版本都是统一的，项目架构也是统一的 】

       库是将代码集合成的一个产品，供程序员调用。 开发者在使用库的时候，只需要使用库的一部分类或函数，然后继续实现自己的功能。

       框架则是为解决一个(一类)问题而开发的产品，框架用户一般只需要使用框架提供的类或函数，即可实现全部功能。