二十九. vue的vm和vc的一个重要的内置关系

33 篇文章 9 订阅
订阅专栏
本文解析了Vue组件中VueComponent.prototype.__proto__等于Vue.prototype的关系,探讨其原型链原理,并通过实战例子说明如何利用$bus进行全局通信和API接口统一挂载。还介绍了vm和vc的区别及其在项目中的应用。
摘要由CSDN通过智能技术生成
为什么vuex和vue-router都需要使用Vue.use()之后还需要在new Vue(options)的options里面配置?
shanfengshuiqing的博客
08-26 540
为什么vuex和vue-router都需要使用Vue.use()之后还需要在new Vue(options)的options里面配置?
今天主要学习vue的一些原理,尤其是vueComponent与Vue关系,个人觉得值得反复回味,很巧妙
WANG944282的博客
04-11 387
生命周期函数(四对,创建、挂载、更新、销毁) 生命周期函数名字不可更改,逻辑可自己填写。它的this指向vm或组件对象实例 mounted:与methods和data平级,Vue完成模板的解析并把初始的真实DOM元素放入页面后调用mounted 常用的生命周期钩子: mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等初始化操作。 beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等收尾工作。 关于销毁Vue实例: 销毁后借助Vue开发者工具看不到
Vue一个重要内置关系
qq_54954970的博客
11-19 657
1,一个重要内置关系VueComponent.prototype.__proto__==Vue.prototype 2,为什么要有这个关系:让组件实例对象(vc)可以访问到Vue原型对象上的属性,方法。 具体过程如下: Vue团队并没有让组件(VueComponent构造函数)的原型对象的隐式原型对象指向Object的原型对象,而是把它修改,指向了Vue的原型对象。这样就可以让组件实例对象(vc)可以访问到Vue原型对象上的属性,方法。 ...
Vue组件一个重要内置关系
qq_46582421的博客
12-01 133
1.一个重要内置关系: VueComponent.prototype._ proto__ === Vue.prototype 2.为什么要有这个关系:让组件实例对象(vc) 可以访问到Vue原型上的属性、方法。 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=
学习vue源码(4) 手写vm
最新发布
2401_85124119的博客
06-25 596
(2)返回值vm,即实例本身。(3)用法1、如果Vue.js实例在实例化时没有收到el选项,则它处于“未挂载”状态,没有关联的DOM元素。2、可以使用vm.$mount手动挂载一个未挂载的实例。3、如果没有提供elementOrSelector参数,模板将被渲染为文档之外的元素,并且必须使用原生DOM的API把它插入文档。4、这个方法返回实例自身,因而可以链式调用其他实例方法。(4)例子template:‘Hello!’,})创建并挂载到#app(会替换#app)
-44 一个重要内置关系
sanda_nd的博客
10-09 94
2、 通过该内置关系可以让。Vue原型 的属性和方法。
探索学习 Vue 组件篇 第六篇 一个重要内置关系(重要)
pymxb1991的专栏
07-24 329
这一节以原型对象引出问题,然后分析VueVueComponent的关系
Vue技术—一个重要内置关系
u013140948的博客
01-19 308
1、一个重要内置关系VueComponent.prototype.proto === Vue.prototype 2、为什么要有这个关系:让组件实例对象(vc)可以访问到Vue原型上的属性、方法。 <script> function Demo(){ this.a = 1 this.b = 2 } //创建一个Demo实例 var d = new Demo() //显式原型属性 console.log(Demo.prototype) //隐式原型属性 console.log(d.__pr
前端-Vue.js从入门到精通基础笔记(理论+实操+知识点速查)
Only-CYY的博客
07-05 3837
【2022.3】尚硅谷Vue.js从入门到精通基础笔记(理论+实操+知识点速查)
Vue.js基础
qq_42636335的博客
12-13 2336
自用
Vue学习笔记(更新
Y1_1Y1_1y1_1y的博客
01-19 819
MVVM模型、模板语法、 数据绑定、 Vue的数据代理、data与el的2种写法、事件的基本使用、Vue的事件修饰符、键盘事件、计算属性computed、监视属性watch、条件渲染、v-for指令、Vue监视数据的原理、过滤器、常用指令、Vue生命周期、Vue使用组件的三大步骤、关于VueComponent、ref属性、配置项props、Vue插件、 scoped样式、less
Vue】组件实例vcvue实例vm之间的联系及区别
m0_74086230的博客
12-03 650
vue组件实例vcvue实例vm之间的联系及区别
VmVc实例对象的内置关系
~Mysunny的博客
10-15 695
VueComponent.prototype.__proto__===Vue.prototype 有了这个内置关系,组件实例对象就可以访问Vue原型上面的方法和属性
vuevcvm
qq_64655972的博客
10-24 2912
vcvm
Vue学习:vcvm关系
weixin_47295886的博客
02-21 273
组件是可复用的Vue实例,所以和new Vue具有相同配置项, data函数、methods的函数、watch函数、computed的函数。但是el等根实例具有区别,并且vm接收的date可以是对象,但是vc得写成函数(防止被复用的时候 被更改 依靠返回值)
Vuevcvm的区别
qq_52006046的博客
12-17 1341
如上图 我们项目的.vue文件内的this,指向的就是VueComponent构造函数的实例化对象(即vc实例),我们可以通过this(即vc对象)的——proto——属性,找到它的VueComponent构造函数的原型对象(prototyope),即vm对象。又可以通过vm对象的——proto——属性,找到它的Vue构造函数的原型对象(prototyope)。直到找到JavaScript顶级的对象(Object构造函数的原型对象),没有就到了尽头null。vc对象的原型就是vm对象。
VUEvcvm关系
m0_75213088的博客
12-03 612
VCVM关系
Vue学习:vcvm的原型链关系
weixin_47295886的博客
02-21 311
一个重要内置关系VueComponent.prototype.__proto__===Vue.prototype。为什么有这种关系:为了让组件实例对象vc可以访问到Vue原型链上的属性、方法。调用Vue.extend返回就是VueComponent实例对象。回顾原型链:显示原型和隐式原型。
三十.什么是vmvc
HSH541的博客
04-22 4618
(1)什么是vm?什么是vcVueComponent的实例对象,以后简称vc(也可称之为:组件实例对象)。 Vue的实例对象,以后简称vm。 (2)VueComponent组件的本质是什么? school组件本质是一个名为VueComponent的构造函数,且不是程序员定义的,是Vue.extend生成的。 我们只需要写或,Vue解析时会帮我们创建school组件的实例对象,即Vue帮我们执行的:new VueComponent(options)。 特别注意:每次调用Vue.extend,返回的都
.vue.vm是什么文件
05-05
.vue.vm 文件不是 Vue.js 的标准文件类型,因此我不确定你具体指的是哪种文件。但是,一般情况下,Vue.js 常用的文件类型有以下几种: - .vue 文件:Vue.js 单文件组件的文件类型,包含了一个组件的模板、逻辑和样式。 - .js 文件:Vue.js 组件的逻辑代码一般会放在 .js 文件。 - .css(或 .scss/.less)文件:Vue.js 组件的样式代码一般会放在 .css 文件,也可以是预处理器语言如 SCSS 或 LESS。 - .html(或 .pug/.jade)文件:Vue.js 组件的模板代码一般会放在 .html 文件,也可以是模板引擎语言如 Pug 或 Jade。 如果你是指的是某个特定的文件类型,可以提供更多的信息,我可以帮你更好地理解它。
写文章

热门文章

  • 组件的概念理解 12062
  • 四. query 和 params 传参的区别(编程式/路由式导航) 10972
  • 十八. vue中的自定义属性 8595
  • 八. vue文件里的export default解释 7384
  • 如何解决IDEA添加依赖失败的问题 6897

分类专栏

  • 实战 45篇
  • 仿从0开始 1篇
  • 人工智能 1篇
  • 阿里云 1篇
  • 基础 1篇
  • javaSE 3篇
  • mysql 1篇
  • vue2 33篇
  • Linux 3篇
  • 计算机网络 1篇
  • 问题 10篇
  • 面试准备篇 2篇
  • js 5篇
  • 动态sql 1篇
  • 常见bug 1篇
  • mybatis
  • 笔记 19篇
  • jdk 1篇
  • 思考 14篇
  • css 1篇
  • 与编程无关的基本问题 1篇
  • 数据库 1篇
  • 未完全解决报错 1篇
  • 项目流程与笔记 2篇

最新评论

  • actual combat 27 —— UML类图使用初总结

    树若逝花若殇: 博主的文章让我对这个主题有了全新的认识,细节描写非常到位,让我感受到了博主的深厚功底。期待博主未来能够持续分享更多好文,同时也希望能够得到博主的指导,共同进步。非常感谢博主的分享和支持表情包 互评互评

  • 三十一. `prototype`显示原型属性和`__proto__`隐式原型属性

    shi'q: 浏览器中试了下‘举例’代码, xiaoming.__proto__也能打印出来呀,和Mytest.prototype打印结果一样

  • 十五. Vue通过:class动态控制样式:class用法

    这不比博人传燃?: 看完了,也忘完了

  • 十五. Vue通过:class动态控制样式:class用法

    爱吃玉米的螃蟹: 可以兄弟,你都看完了吗?

  • 计算机网络

    Silver Vortex: 燃起来了

大家在看

  • C语言位操作符详解(有实用例题版) 810
  • Python知识点:如何使用Python进行物联网数据处理
  • JavaScript 输出方式 98
  • Project Online 专业版部署方案
  • 【30天玩转python】高级面向对象编程

最新文章

  • actual combat 46 —— 若依导出接口改造
  • 仿——管理系统从0开始——若依改
  • actual combat 45 分布式事务seata,若依cloud项目Test,xid为null
2024年25篇
2023年18篇
2022年70篇
2021年70篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值

天下网标王网页优化与网站优无锡工商网站优化活动简介网站搜索条优化郑州网站优化怎么获取订单推广实例优化重庆网站博客小程序网站优化推广长沙网站优化总部快速优化网站21云刂速刂捷网站优化排名易下拉程序济南网站推广优化报价家具网站seo优化费用邯郸网站优化推广优点河北网站优化推广服务网站被黑了怎么优化功能强大的网站seo优化网站建设优化一流火4星淮北网站排名优化出名的机械行业网站优化团队铁门关网站seo优化公司广东网站seo优化公司德州自适应网站优化笋岗付费网站优化不用推广的网站怎么优化排名呈贡网站优化品牌外链对于百度网站优化的重要性贵溪如何优化网站淄博高端网站优化公司专业的优化网站哪家便宜吐鲁番外贸网站优化推广六安网站首页优化费用香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

天下网标王 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化