ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

第五十九篇:关于Vue

2022-03-27 01:33:28  阅读:161  来源: 互联网

标签:Vue MVVM 第五十九篇 数据源 视图 vue 关于 数据 页面


好家伙,前面关于vue的学习太散太乱了,我决定重新整理一下知识框架,当作复习了,并且在其中补充一些概念

 

先提出一个问题:怎么把数据弄到页面上?

若不借助vue,把数据填充到页面上,

我们需要操作dom,将数据渲染到页面上,

并且是反复多次的操作dom,

所以我们需要vue.

 

1.什么是vue?

  Vue是一套用于构建用户界面的前端框架

  (好家伙,react的官方文档也是这么说的)

 

  1.2.框架

  框架是一全现成的解决方案,程序员只能道守框架的规范,去偏写自己的业务功能!

  要学习vue,就是在学习vue 框架中规定的用法!

  vue的指令、组件(是对UI结构的复用)、路由、Vuex、vue组件库。

 

2.vue的特性:

  2.1.数据驱动视图

 

 

  vue自动将变化过后的数据渲染到页面当中(即数据驱动视图)

  数据的变化驱动视图的更新

  数据驱动视图是单向的数据绑定,

 (数据的变化驱动视图的更新,反之不行)

 

2..2.双向数据绑定

  例子:from 负责采集数据,Ajax负责提交数据

        js数据的变化,会被自动渲染到页面上

        页面上保单采集的数据发生变化的时候,会被vue自动获取到,并更新到js数据中

 

3.关于mvvm

  (这是一种思想)

  MVVM是vue实现数据驱动视图和双向数据绑定的核心原理,MVVM指的是Model,View和ViewModel,

  在MVVM概念中:

  Model 表示当前页面渲染时所依赖的数据源。

  View表示当前页面所渲染的DOM结构。

  ViewModel 表示vue的实例,它是MVVM的核心。(就是vue)

       

  ViewModel作为MVVM的核心,是它把当前页面的数据源(Model)和页面的结构(View)连接在了一起。

  当数据源发生变化时,会被ViewModel监听到,VM会根据最新的数据源自动更新页面的结构

  当表单元素的值发生变化时,也会被VM监听到,VM会把变化过后最新的值自动同步到Model数据源中

 

 

 

         

 

         

 

 

    两张图对应起来看,(妙啊)

 

4.关于版本

   2.0暂时是主流,但3.0是将来的主导

 

 

 

 

标签:Vue,MVVM,第五十九篇,数据源,视图,vue,关于,数据,页面
来源: https://www.cnblogs.com/FatTiger4399/p/16061691.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有