Oneday,首先我们得知道前端三大主流框架分别有:Vue.js、Angular.js、React.js。那么简单分别介绍一下vue是一套用于构建用户界面的渐进式框架,vue.js是目前最火的一个前端框架。React 是一个用于构建用户界面的 JAVASCRIPT 库,react是最流行的一个前端框架,Vue语法也是可以用于进行手机APP开发,需要借助于weex。AngularJS 是一个 JavaScript 框架,它可通过 AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。
Node(后端)中的MVC与前端中的MVVM之间的区别?
MVC是后端的分层开发概念;(M是Model层处理数据的CRUD;V视图层用于前端页面;C是业务逻辑层,路由也相当于其中的一部分)
MVVM是前端视图的概念,主要关注于视图层分离,也就是说:MVVM把前端的视图层,分为了三部分Model,View,VM ViewMode;VM 是MVVM思想核心(因为VM是M和V之间的调度者)
M:这里的M保存的是每个页面中单独的数据
VM:它是一个调度者,分割了M和V(每当V层想要获取后保存数据的时候,都要由VM做中间的处理)
V:就是每个页面中的HTML
[MVVM提供了数据的双向绑定为我们开发提供了方便,注意:数据的双向绑定是由VM提供的。]
安装vue:npm install vue
安装之后需要知道下载vue中常用文件有:build——构建时执行的文件、webpack.base.conf.js——webpac初始配置文件、config——配置文件、src——项目主目录文件、components——组件、router——路由文件、App.vue——项目默认执行文件、main.js——项目主入口文件
常用的指令有:v-model——双向数据绑定、v-for——循环、v-text——解析文本、v-html——解析文本和标签、v-bind——动态绑定、结合v-bind:class 类名 (快捷写法 :class)/v-bind:style 样式/v-bind:href 链接/v-bind:src 路径 一起来用、v-cloak 防止页面闪烁、显示隐藏——v-show,v-if,v-else-if,v-else
常用的事件:v-on:click 点击事件 (快捷写法 @click)、鼠标移入事件 mouseover/mouseenter、鼠标点下事件 mousedown、鼠标抬起事件 mouseup、鼠标移出事件 mouseleave/mouseout、鼠标双击事件 dblclick
事件修饰符:在之前用原生的时候取消冒泡事件或取消默认时间,我们需要给函数传一个参数e,然后定义var e=e||event,在使用e.cancelBubble=true或e.stopPropagation()来取消,而vue提供了一个很厉害的一个方法就是用@click.stop事件来实现。