美文网首页
一、Vue.js框架的基本认识

一、Vue.js框架的基本认识

作者: hiddensmile | 来源:发表于2017-04-26 11:31 被阅读0次

一、概念

MVVM可以拆分成:View --- ViewModel --- Model三部分 ,看下面的视图:


MVVM拆分3部分

eg:你在Model层中修改了name的值为:“李四”,那么View视图层显示的“张三”也会自动变成了“李四”,而这个过程就是有ViewModel来操作的,不需要你手动地去写代码去实现(你不用再手动操作DOM了)。

二、Vue.js的优点

1.Vue.js更轻量更快
2.更容易上手,易学

三、Vue的核心

通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件
Vue的数据驱动:数据改变驱动了视图的自动更新,传统的做法你得手动改变DOM来改变视图,vuejs只需要改变数据,就会自动改变视图,一个字:爽。再也不用你去操心DOM的更新了,这就是MVVM思想的实现。
视图组件化:把整一个网页的拆分成一个个区块,每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。看下图:

视图组件化

四、适用场景

1.用jquery频繁操作你的DOM来更新页面;
2.有多个部分是相同的,并可以封装成一个组件;
3.Vue.js的核心实现中使用了ES5的Object.defineProperty特性,IE8及以下版本浏览器是不兼容的;所以项目需要兼容这些较低版本的浏览器的话,那么,Vue.js就不适用了。

相关文章

  • 一、Vue.js框架的基本认识

    一、概念 MVVM可以拆分成:View --- ViewModel --- Model三部分 ,看下面的视图: e...

  • Vue基础学习

    Vue.js基础学习 Vue.js的基本介绍 轻量级的前端界面框架,是一套构建用户界面的渐进式框架,与其他重量级...

  • vue.js自学 Day1

    对vue.js这个前端框架的基本了解 作者 :尤雨溪2014年2月开源了vue.js,vue.js 的核心是一个允...

  • vue介绍

    一、基本介绍1、Vue.js目前最火的的一个前端框架,三大主流前端框架之一。2、Vue.js是一套构建用户界面的框...

  • vue项目入门笔记

    一,总体介绍+工具: Vue.js: 框架Vue-cli: 脚手架 搭建基本代码框架vue-router: 官方插...

  • 不容错过,mpvue,美团点评开源的基于 Vue 微信小程序前端

    mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心, 修改了 Vue.js ...

  • 小白的Vue学习之路

    第一章 Vue 初步认识 什么是Vue.js Vue.js 是目前最火的一个前端框架,React是最流行的一个前端...

  • Vue.js知识框架

    vue.js框架介绍 vue-cli脚手架搭建基本代码框架 vue-router官方插件管理路由 vue-reso...

  • mpvue“踩坑”指南

    mpvue是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,框架整体和vue语法保持一...

  • iOS这张图有多大

    基本认识iOS原生框架介绍iOS原生框架图表

网友评论

      本文标题:一、Vue.js框架的基本认识

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