,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex)

,和Angular.js、React.js 一起,并成为前端三大主流框架!

,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发)

前端的主要工作?主要负责MVC中的V这一层;主要工作就是和界面打交道,来制作前端页面效果;

提高开发效率的发展历程:原生JS – Jquery之类的类库 – 前端模板引擎 – Angular.js / Vue.js(能够帮助我们减少不必要的DOM操作;提高渲染效率;双向数据绑定的概念【通过框架提供的指令,我们前端程序员只需要关心数据的业务逻辑,不再关心DOM是如何渲染的了】)

在Vue中,一个核心的概念,就是让用户不再操作DOM元素,解放了用户的双手,让程序员可以更多的时间去关注业务逻辑;

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

MVVM是前端视图层的分层开发思想,主要把每个页面,分成了M,V和VM,其中VM是MVVM的思想核心:因为VM连接着M和V。

前端页面中使用MVVM的思想,主要是为了让我们开发MVVM提供了数据的双向绑定,双向绑定是由

!DOCTYPE htmlhtml lang=enhead     meta charset=UTF-8     meta name=viewport content=width=device-width, initial-scale=1.0     meta http-equiv=X-UA-Compatible content=ie=edge     titleDocument/title     script src=./lib/vue-2.4.0.js/script/headbody     p id=app         p—-{{msg}}=====/p         p v-text=msg/p         p v-text=msg*******/p         p v-html=msg/p     /p     script         var vm = new Vue({             el:#app,             data:{                 msg:h3hello vue/h3             }         })     /script/body/html

!DOCTYPE htmlhtml lang=enhead     meta charset=UTF-8     meta name=viewport content=width=device-width, initial-scale=1.0     meta http-equiv=X-UA-Compatible content=ie=edge     titleDocument/title     script src=./lib/vue-2.4.0.js/script/headbody     p id=app         input type=button value=提交1 title=提交按钮br         input type=button value=提交2 v-bind:title=title         !– 注意: v-bind: 指令可以被简写为 :要绑定的属性 —         input type=button value=提交2 :title=title         !– v-bind 。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注