美文网首页
Vue入门,day1

Vue入门,day1

作者: 假装_不正经 | 来源:发表于2019-04-09 22:45 被阅读0次

一:什么是Vue

    1. Vue.js是当前最主流的前端框架之一,与Angular.js和React,js三者并称三大前端主流框架(ps:鄙人只稍微接触react,其余一点也不熟悉)。

    2.Vue.js是用于构建用户界面的框架,只关注视图层,所以适合上手,它也可以与第三方库和已有的项目进行整合,这与本人之前一直使用的node.js有异曲同工之处,虽然node.js可以说是后端语言,但是node.js确实是Vue.js的基础,前提是你想转全栈。

    3.Vue.js主要负责MVC中的V(view),也就是与界面打交道。

二:MVC与MVVM的关系图解

1.mvc

(1).mvc是后端分层开发概念,它将应用程序(网站)分成Model,View与Controller三层,View层是界 面,Controller层是业务逻辑,Model层是数据库访问。组成与功能如下图所示:

2:MVVM

    MVVM是前端试图层的分层开发思想,它将每个页面分成M,V与VM三层,其中VM层是MVVM思想的核心,VM 是V与M之间的调度者,它的结构如下:

    其中,View一般就是我们平常说的HTML文本的Js模板,里面可以嵌入一些js模板的代码,比如Mustache,比如jstl类似的模板伪代码

    ViewModule层里面就是我们对于这个视图区域的一切js可视业务逻辑,举个例子,比如图片走马灯特效,比如表单按钮点击提交,这些自定义事件的注册和处理逻辑都写在ViewModule里面了

    Module就更简单了,就是对于纯数据的处理,比如增删改查,与后台CGI做交互。

相关文章

  • Vue入门,day1

    一:什么是Vue 1. Vue.js是当前最主流的前端框架之一,与Angular.js和React,js三者并...

  • Vue 入门到实战课程

    Vue 入门到实战课程 说明 课程 VueCli3.0-小白入门 Vue2.0 小白入门教程 Vue 项目实战 在...

  • VUE系列教程目录

    VUE系列教程目录 vue入门之路篇系列教程: vue最简单的入门教程+实战+Vue2+VueRouter2+we...

  • VUE系列教程目录

    VUE系列教程目录 vue入门之路篇系列教程:vue最简单的入门教程+实战+Vue2+VueRouter2+web...

  • 01vue-安装vue

    资源 1.Vue.js2.0从入门到放弃---入门实例(一)2.Vue.js入门学习(一)3.Vue官方中文Api...

  • vue入门笔记 day1

    webpack属性配置 javascript(参考webpack.config.js) webpack-ES6的处...

  • Vue.js状态管理工具Vuex快速上手

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • Vue2简单入门

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • Vue.js再入门

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • Vue.js使用vue-router构建单页应用

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

网友评论

      本文标题:Vue入门,day1

      本文链接:https://www.haomeiwen.com/subject/rosqyftx.html