初学Vue之Vue里的vm和el

最新推荐文章于 2023-08-14 15:52:23 发布
最新推荐文章于 2023-08-14 15:52:23 发布
阅读量4k 收藏 7
点赞数 2
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AMuMuion/article/details/106824723
版权

Vue.js是用于构建交互式Web界面的库。

从技术上讲，Vue.js专注于MVVM（MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。）模式的ViewModel层。它通过两种方式的数据绑定连接View和Model。实际的DOM操作和输出格式被抽象为“ 指令”和“ 过滤器”。

VM实际是ViewModel--视图模型。

vue的数据必须通过VM（ViewModel）操控视图。

最低0.47元/天 解锁文章
AMuMuion
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
简单理解vue中实例属性vm.$els
11-30
vue实例属性vm.$els到底是什么？有哪些需要注意的？具体请阅读本文。 不需要表达式 参数： id（必需） 用法： 为 DOM 元素注册一个索引，方便通过所属实例的 $els 访问这个元素。 注意： 因为 HTML 不区分大小写，camelCase 名字比如 v-el:someEl 将转为全小写。可以用 v-el:some-el 设置 this.$els.someEl。 我的理解：$els类似于document.querySelector(‘.class’)的功能,可以拿到指定的dom元素。 Eg: <div></div> var _dom = thi
vue el-table实现行内编辑功能
10-15
主要为大家详细介绍了vue el-table实现行内编辑功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue Vm属性大全
weixin_34124651的博客
06-09 2476
var vm = new Vue({ el:'#app', data:{}, //数据 methods:{}, //方法调用 filters:{}, //私有过滤器 directives:{}, //私有指令 component:{}, //私有组件 beforeCreate(){}, // 在实例初始化之后，数据观测 (data observer)...
关于 Vue 中 vm.$nextTick、vm.$set 的使用和理解
itBellah的博客
03-19 1718
vm 表示 new Vue 实例对象 vm.$nextTick vue官网中关于 nextTick 的介绍：将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。 $nextTick() 返回一个 Promise 对象（自2.1.0），所以可以使用新的 ES2017 async/await 语法完成相同的事情。 在实际开发项目中，有时需要基于更新后的...
vue——VM对象和基础指令
qq_56668869的博客
08-29 2228
vue、VM对象和基础指令、插值表达式、文本指令、属性绑定
VUE基础知识二
xiongIT的博客
03-28 917
VUE中MVVM模型介绍、Vue中的数据代理、定义事件的方法、事件修饰符的介绍
Vue中的vm和VueComponent的实例对象
m0_50122836的博客
06-07 6226
大哥vm和他的小弟vc
【Vue】针对Vue中MVVM的理解
y_coder的博客
03-15 240
M：模型（Model）：对应 data 中的数据，指的是一般的 js 对象V：试图（View）：模板，指的是 Vue 模板通过解析得到的页面（DomVM：视图模型（ViewModel）：Vue 实例对象，包括：数据绑定（Data Bindings）：在 Vue 中 data 是一个对象，这个 data 对象中存了一组一组的数据，存在Model里面，然后经过Vue 实例进行数据绑定，就把你的数据摆在了你想要的页面位置（ViewDom 监听器：监听页面上的改变，然后映射到数据对象上。
.vm文件是什么？
热门推荐
乔治大哥的博客
01-14 1万+
vm文件通常是velocity模板文件，velocity是类似JSP的模板引擎，用于渲染web页面。 Velocity是一个基于java的模板引擎（template engine）。它允许任何人仅仅简单的使用模板语言（template language）来引用由java代码定义的对象。 当Velocity应用于web开发时，界面设计人员可以和java程序开发人员同步开发一个遵循MVC架构的w...
vue中MVVM的理解
Isabeldeng的博客
11-07 1824
M就是：模型（Model）：数据模型；负责数据存储。泛指后端进行的各种业务逻辑处理和数据操控，主要围绕数据库系统展开。 V就是：View 视图，负责页面展示，也就是用户界面。主要由 HTML 和 CSS 来构建 VM就是：视图模型（View-Model）：负责业务逻辑处理（比如Ajax请求等），对数据进行加工后交给视图展示 通过vue类创建的对象叫Vue实例化对象，这个对象就是MVVM模式中的VM层，模型通过它可以将数据绑定到页面上，视图可以通过它将数据映射到模型上 ViewModel 是由前端开发人员组织
Vue的el-scrollbar实现自定义滚动
09-20
本篇文章给大家分享了Vue的el-scrollbar实现自定义滚动实现的过程和实例代码，对此有需要的朋友可以参考下。
vue $mount 和 el的区别说明
10-14
主要介绍了vue $mount 和 el的区别说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
浅谈Vue初学之props的驼峰命名
10-18
主要介绍了浅谈Vue初学之props的驼峰命名，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
初学Vue
01-20
el 代表的是 vue 实例负责的区域范围 data 代表的是 数据块  接受function的是在methods中 1、原始写法    提交     {{item}}    var app = new Vue({  el : ‘#app’,  data : {    list:[],  ...
Vue - Vue介绍
最新发布
weixin_39158686的博客
08-14 730
M：model，模型，后端传递的数据V：view，视图，所看到的的页面VM：ViewModel，连接view和model的桥梁它有两个数据传递方向：一是将模型转化成视图，即将后端传递的数据转化成所看到的页面。实现方式：数据绑定二是将视图转化成模型，即将所看到的页面转化成后端的数据。实现方式：DOM事件监听。
vue,的M、V、VM分别代表什么
*
03-05 4630
M、V、VM分别代表什么? M: model，数据部分，即data V: view，视图，即html部分 vm: viewmodel，vue实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t.
简单概述理解vue的MVVM模型
见证自己学习,成长的记录
10-06 1569
M：模型(Model) ：对应 data 中的数据V：视图(View) ：模板VM：视图模型(ViewModel) ： Vue 实例对象它包括 DOM Listenters 和 Data bindings，前者实现了页面与数据的绑定，当页面操作数据的时候 DOM 和 Model 也会发生相应的变化。后者实现了数据与页面的绑定，当数据发生变化的时候会自动渲染页面。MVVM模型1 M:模型(Model)：data中的数据2 V:视图(View)：模板数据。
Vue学习之理解MVVM
wubin8518的博客
04-10 1011
理解MVVM
Vue3.0学习笔记-vm和生命周期函数
petit_wu的专栏
03-03 974
vm和生命周期函数 createApp({}) mount() 根组件vm -- proxy形式的对象 mvvm模式 vm -- viewModel 生命周期函数 -- 在某个特定时刻自动执行的函数 有八个生命周期函数， beforeCreate( ) ：在实例生成之前会自动执行的函数 created( ) : 在实例生成之后会自动执行的函数 beforeMount( ) : 在模板渲染完成之前执行的函数 mounted( ) : 在模板渲染完成之后执行的函数 beforeUpdate
vue里的el
05-26
在 Vue.js 中，"el" 是一个缩写，代表 element（元素）的缩写。"el" 选项用于指定一个 Vue 实例将要挂载到的 DOM 元素。例如： ```javascript new Vue({ el: '#app', data: { message: 'Hello, Vue.js!' } }) ``` 上面的代码中，我们通过 `el` 选项指定 Vue 实例将要挂载到 id 为 "app" 的 DOM 元素上，并且在实例的数据对象中定义了一个 message 属性，值为 "Hello, Vue.js!"。这样，Vue 实例就可以通过指定的 DOM 元素进行渲染和交互了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值