Vue07-MVVM模型

一、MVVM模型的定义

  • M:模型(model):对应data中的数据;
  • V:视图(view):模版;
  • VM:视图模型(ViewModel)Vue的实例对象。

Vue.js是MVVM模型的实现者,它的核心就是:DOM监听数据绑定

因此,在文档中经常会用vm(ViewModel的缩写)这个变量名表示Vue的实例

二、vm的数据内容

1、data中的值

打印vm的信息可以看到,data中的值均在vm中能找到:

2、view中{{xxxx}}中的值

  • data中定义的数据
  • 表达式 
  • 所有vm实例的属性都能看到!
  • Vue原型上的属性也能用

1、data中定义的数据、表达式

2、所有vm实例的属性 

比如:

3、Vue原型上的属性 

三、小结 

相关推荐

  1. Vue.js之MVVM设计模式

    2024-06-07 12:48:04       32 阅读
  2. mvvm模式

    2024-06-07 12:48:04       29 阅读
  3. Vue中的MVVM

    2024-06-07 12:48:04       42 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-07 12:48:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-07 12:48:04       100 阅读
  3. 在Django里面运行非项目文件

    2024-06-07 12:48:04       82 阅读
  4. Python语言-面向对象

    2024-06-07 12:48:04       91 阅读

热门阅读

  1. anaconda pycharm jupter分别是

    2024-06-07 12:48:04       28 阅读
  2. 对于C++STL及其时间复杂度的总结

    2024-06-07 12:48:04       20 阅读
  3. w/o 讲解

    2024-06-07 12:48:04       22 阅读
  4. 240520Scala笔记

    2024-06-07 12:48:04       24 阅读
  5. Element-UI全面入门与实战技巧

    2024-06-07 12:48:04       29 阅读
  6. 【pytorch】数据转换/增强后保存

    2024-06-07 12:48:04       30 阅读
  7. Github 2024-06-07开源项目日报 Top10

    2024-06-07 12:48:04       28 阅读
  8. C++中的常见语法糖汇总

    2024-06-07 12:48:04       29 阅读