当前位置: 首页 > news >正文

做网站银川佛山网站建设工作

做网站银川,佛山网站建设工作,wordpress博客中文插件,电子商务的特点文章目录 前文提要数据代理的概念MVVM模型和Vue中的数据代理M,模型V,视图VM,视图模型 前文提要 本人仅做个人学习记录,如有错误,请多包涵 数据代理的概念 使用一个对象代理对另一个对象中属性的操作。 MVVM模型和Vu…

文章目录

  • 前文提要
  • 数据代理的概念
  • MVVM模型和Vue中的数据代理
    • M,模型
    • V,视图
    • VM,视图模型


前文提要

本人仅做个人学习记录,如有错误,请多包涵


数据代理的概念

使用一个对象代理对另一个对象中属性的操作。

MVVM模型和Vue中的数据代理

Vue框架是建立在MVVM的基础上开发的。
MVVM框架模型了解:什么是MVVM框架?
第一个M代表Model,模型,也就是数据
第一个V代表View,视图,也就是呈现出来的效果
最后的VM代表ViewModel,是视图模型,是抽离出来的部分逻辑代码,用于构建视图和模型之间的关联,能够借此管理两部分。

M,模型

Vue中的Model也就是Vue实例中的data中的数据,也就是下文data后大括号中的内容

const vm = new Vue({// el: '#box',data: {name: "这里是name的值",}
})

V,视图

Vue中的View视图,则是html中嵌入了Vue框架特殊语法待处理的模版代码,

<div class="box" id="box"><h1>hello,world{{name}}</h1></div>

例如这里的,div标签,就是我理解中的Vue里的视图,

VM,视图模型

至于VM,视图模型,则是整个Vue实例。

通过这种关系,也就是通过这种数据代理的方法,将html中的数据和Vue实例中的data数据关联起来。

在第一个M中的代码用vm指向整个Vue实例,代码中的data会在vm上生成一个属性_data,_data不是Vue实例中的data,但是实例中的data的数据,_data中都有。

接着就是一串代码

<div class="box" id="box"><h1>hello,world{{name}}</h1></div>

在这两层大括号中,我们可以直接写js表达式也可以写出Vue实例中含有的各类属性
那么Vue实例中有name吗,按照上面的讲述,是不是应该写成

hello,world{{_data.name}}

才对,写成_data.name这样没错,但其中Vue中数据代理的体现还体现在,它自动地在vm的身上创建了data中的属性
你对data的访问和修改,实际上操控的都是_data中的数据(这里就是数据代理的体现,用一个对象代理另一个对象的操作),_data和data中的数据又是关联的。
就可以通过name实现_data.name的操作,目的是编写代码更加方便


至此,结束。

如果你觉得这篇文章写的不错,多多点赞~收藏吧!

http://www.hkea.cn/news/595912/

相关文章:

  • php网站开发 多少钱推广方案策划
  • 芜湖做网站公司广州seo好找工作吗
  • 做网站找客户百度竞价推广公司
  • 深圳网站建设怎么办互联网营销的优势
  • 课程网站开发背景网站推广的几种方法
  • 商城网站建设模板一份完整的营销策划方案
  • 推广网站建设网站权重查询工具
  • t型布局网站怎么做建设网官方网站
  • 哪个建设网站推广竞价托管公司
  • 网站建设傲seo网站是什么意思
  • 卢氏住房和城乡建设厅网站聚名网
  • 山东网站建设电话长沙靠谱的关键词优化
  • 山东营销型网站ip网站查询服务器
  • 什么网站上做奥数题企业培训课程清单
  • 龙岩优化seo是什么意思
  • 外贸网站建设源码软文怎么做
  • 文章列表页wordpress宁波seo资源
  • 获取网站访客qq 原理百度投诉中心人工电话
  • 企业网站制作查询百度电话怎么转人工
  • 杭州专业网站建设怎样创建网站
  • 网站建设报价表格式淘宝关键词优化技巧
  • 高端网站建设系统百度网盘登录入口官网
  • ps做网站顶部江苏网络推广公司
  • 源码做网站手机网站百度关键词排名
  • 网站关键词分隔网站链接提交
  • 福永营销型网站多少钱中国最新消息今天
  • 做网站4000-262-263网站排名优化软件有哪些
  • 网站双链接怎么做网络舆情监测平台
  • 企业网站建设制作百度网盘下载app
  • asp做一个简单网站网络营销就是seo正确吗