【前端】Vue.js前端框架

 前端库与前端框架的区别

  库(插件):比如Jquery,库是提供某一个小功能,对项目的侵入性较小,如果某个库无法完成某些需求,可以很容易切换到其它库实现需求。比如从Jquery 切换到 Zepto,从 EJS 切换到 art-templat都相对比较容易,切换后改动量不是很大。

  框架:是一套完整的解决方案,对项目的侵入性较大,里面的API都是独有的,如果项目需要更换框架,则需要重新架构整个项目。比如node中的express。

为什么要学习前端框架

  在没有框架之前我们去开发一个页面,需要jQuery(操作DOM)+ Ajax(从后端获取数据) + art-template(javascript模板引擎渲染页面),这样的组合但是依然不可避免的需要去操作DOM,同时不同的浏览器也会有兼容性的问题,比如innerText。

  使用前端框架优点:

    1. 可以简化DOM的操作,前端开发不用操作任何DOM元素就可以渲染页面。

    2. 由于能够减少不必要的DOM操作,前端开发只需要关心数据的业务逻辑,不再关心DOM是如何渲染的了。

MVC和MVVM的区别

   1. MVC 是后端的分层开发概念,M表示Model(数据层),V表示View(视图层),C表示Controller(控制器层)。

   2. MVVM是前端视图层的概念,主要关注于视图层分离,也就是说MVVM把前端的视图层,分为了三个部分 Model, View , VM ViewModel。

什么是Vue.js
  Vue.js是目前比较火的一款主流前端框架之一,可以用于构建用户界面。Vue 只关注于视图层(view), 采用自底向上增量开发的设计。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。和Express框架不同Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。
   

前端三大框架区别

  前端框架玲琅满目,目前最主流的前端框架有三个Vue,React,Angular。

  1. Angular的版本从1.x到2.x系列中间有断层式的升级,就是Angular2.x相当于是重写的,所以2.x和1.x之间的差别比较大(这个对使用用户有点影响),2.x提供了组件化的概念,相比1.x体积减少很多,适合于开发移动端。

  2. React设计思想比较好,比较流行。

    3. Vue和React都在使用 Virtual DOM,也都可以进行手机App的开发。

     前端三大框架走势图 具体可以看这篇https://www.jianshu.com/p/c2a7d3299a6d

  

Vue.js 安装

   vue.js 官网: https://cn.vuejs.org/

   vue.js手册:https://cn.vuejs.org/v2/guide/comparison.html

   1. 独立版本安装

    直接引入vue.min.js文件,文件可以从官网获取,下载后并用<script> 标签引入。

    vue.min.js文件地址:https://vuejs.org/js/vue.min.js

    编写代码并引入vue文件

    

       用浏览器打开页面

    

  2. NPM方法下载

      

原文地址:https://www.cnblogs.com/songgj/p/12799286.html