vue学习记录一

        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事件来实现。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。