首页 > 其他分享 >Vue 2x 系列之(五)理解MVVM

Vue 2x 系列之(五)理解MVVM

时间:2024-02-28 12:56:58浏览次数:27  
标签:Vue MVVM 2x vm 视图 Model data

理解MVVM

MVVM模型
			1. M:模型(Model) :data中的数据
			2. V:视图(View) :模板代码
			3. VM:视图模型(ViewModel):Vue实例
观察发现:
			1.data中所有的属性,最后都出现在了vm身上。
			2.vm身上所有的属性 及 Vue原型上所有属性,在Vue模板中都可以直接使用。

把开发人员从繁琐的DOM操作中解放出来,把关注点放在如何操作Model上

标签:Vue,MVVM,2x,vm,视图,Model,data
From: https://www.cnblogs.com/wzzzj/p/18039943

相关文章

  • Vue 2x 系列之(四)数据绑定
    数据绑定Vue中有2种数据绑定的方式: 1.单向绑定(v-bind):数据只能从data流向页面。 2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。【通俗:数据变,页面变;页面变,数据变】 备注: 1.双向绑定一般都应用在表单类【输入类,有value属性的标签才可以用,因为v-mode......
  • Vue 2x 系列之(三)模板语法
    模板语法容器里的代码被称为【Vue模板】,模板语法就是指模板的代码中可以写哪些Vue语法【类似:{{name}}】插值语法:把指定的值放在指定的位置。插值语法往往用于指定标签体内容。指令语法:Vue指令所在的属性值会作为JavaScript表达式执行v-bind:用于给标签中的任意一个属性动态的......
  • Vue 2x 系列之(一)简介
    Vue简介1.Vue是什么?一套用于构建用户界面的渐进式JavaScript框架。​ 构建用户界面:将拿到的数据通过某种办法变成用户可以看到的界面。​ 渐进式:从一个轻量而又小巧的核心库逐渐递进到使用各式各样的Vue插件库【Vue可以自底向上逐层的应用】2.谁开发的?React、Angular3.......
  • SpringBoot 2x 系列之(七)web场景
    web场景1.SpringMVC自动配置概览SpringBootprovidesauto-configurationforSpringMVCthatworkswellwithmostapplications.(大多场景我们都无需自定义配置)Theauto-configurationaddsthefollowingfeaturesontopofSpring’sdefaults:InclusionofCont......
  • SpringBoot 2x 系列之(五)开发技巧
    开发技巧1.Lombok1.应用场景简化JavaBean的开发帮我们在编译时生成get、set、toString方法2.安装及使用引入依赖【SpringBoot已经做了版本仲裁】<dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId></depende......
  • SpringBoot 2x 系列之(四)自动配置
    自动配置1.引导加载自动配置类见SpringBoot1.md一、SpringBoot入门4.2主程序类,主入口类【自动配置原理】1.1@SpringBootConfiguration见SpringBoot1.md一、SpringBoot入门4.2主程序类,主入口类【自动配置原理】1.2@EnableAutoConfiguration1.2.1@AutoConfi......
  • SpringBoot 2x 系列之(三)容器功能
    容器功能1.组件添加1.1@Configuration结合@Bean注册组件@Configuration见Spring.md8.4.1@Configuration1.2@Component、@Controller、@Service、@Repository见Spring.md相关内容1.3@ComponentScan见Spring.md8.4.2@ComponentScan1.4@Import见Spring.md8.......
  • SpringBoot 2x 系列之(二)SpringBoot特点
    SpringBoot特点1.依赖管理特性SpringBoot已经为我们做了版本仲裁,那么如果我们要修改已经做了版本仲裁的依赖,比如mysql驱动的依赖,该怎么做呢?查看spring-boot-dependencies里面规定的当前依赖版本用的properties属性在当前项目里面重新配置<properties><mysql.versi......
  • SpringBoot 2x 系列之(一)基础入门
    基础入门课程规划1.时代背景响应式编程解决的问题:如何使用少量资源编写一个极高吞吐量、能承担大并发的应用响应式应用:占用少量的资源(线程)处理大量的并发springboot:整合spring整个生态圈的一站式框架​ 高层框架,底层是SpringFrameworkSpring:1)从微观角度说Spring指Spri......
  • Vue多环境配置
    VUE项目使用.env配置多种环境本文来源:VUE项目使用.env配置多种环境_.env.prod-CSDN博客作者:櫆溟-CSDN博客在Vue项目中,可以使用.env文件配置全局环境变量,就如同SpringBoot项目的application文件一样第一步,创建多个环境配置文件.env文件是默认的全局配置环境,无论是什么环境都会......