Vue实例与组件实例

new Vue()产生Vue实例对象(简称vm)

Vue.extend创建组件的时候自动new VueComponent产生组件实例对象(简称vc)

vc和vm99%的功能是同样的，不同点 ①.vc不能有el属性 ②.vc里的data必须是函数(多个组件实例对象共用一个data会产生数据污染，写成函数形式每次new的时候就会在内存新开辟一个地址)

vm的原型链：当new Vue产生vue实例对象的时候，这个实例对象的隐式原型属性(__proto__)和Vue这个构造函数的显式原型属性(prototype)都指向vue的原型对象，再由vue的原型对象的隐式原型属性指向Object的原型对象，再指向null

vc的原型链：当通过Vue.extend自动调用new VueComponent产生VueComponent实例对象的时候，这个实例对象的隐式原型属性(__proto__)和VueComponent这个构造函数的显式原型属性(prototype)都指向VueComponent的原型对象，本该由VueComponent的原型对象的隐式原型属性指向Object的原型对象的这条线Vue内部改为指向Vue的原型对象了，即查找关系：vc=>VueComponent的原型对象=>vue的原型对象=>Objecte的原型对象=>null

Vue实例与组件实例相关推荐

Vue实例和组件实例
一.创建一个应用实例每一个vue应用都是通过createApp函数创建一个新的应用实例开始的 const app = Vue.createApp({ /*选项*/ }) 该应用实例是用来在应用中注册 ...
vue全局注册组件实例
如果想要创建全局的组件,供给其他地方时使用,可以使用Vue.extend 去创建: 这里我们封装一个弹框组件: (1)创建目录 index.js import Vue from "vue&q ...
VUE自学日志02-应用与组件实例
准备好了吗? 我们刚才简单介绍了 Vue 核心最基本的功能--本教程的其余部分将更加详细地涵盖这些功能以及其它高阶功能,所以请务必读完整个教程! 应用 & 组件实例创建一个应用实例创建一个应 ...
Vue 中强制组件重新渲染的正确方法
作者:Michael Thiessen 译者:前端小智来源:hackernoon 有时候,依赖 Vue 响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据.或者,我们可能只想抛开当 ...
[vue] 在子组件中怎么访问到父组件的实例？
[vue] 在子组件中怎么访问到父组件的实例? 通过this.$parent 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与歌谣一起通关前 ...
vue基础入门-应用组件实例
https://v3.cn.vuejs.org/guide/instance.html#%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%BA%94%E7%94%A8%E ...
data vue 全部重新渲染_vue将data恢复到初始状态重新渲染组件实例
1. 将data恢复到初始状态 Object.assign(this.$data, this.$options.data()) // 初始化data 这里的 this.$options.data() ...
vue实例和组件的区别
引言上次写vue单组件项和路由的时候,想到一个问题.new Vue({-})是一个Vue实例,那么组件是Vue实例吗? 分析之前说了,有两种开发方式.一个是基于浏览器的(即直接在script中引入 ...
单例模式设计——Vue单例组件实现实例
前言单例模式,顾名思义就是只有一个实例.在 Vue 中,应用到该设计模式的有 vuex.vue-route 等. 相关的设计模式和实现在网上可以找到很多教程,这里不做赘述. 在系统中,适合单例模式使 ...
Vue—组件实例之$on、$off
目录一.概述二.详解三.拓展一.概述 Vue组件实例上自定义事件的监听.触发和移除. 二.详解知识点1:$on $on本身是一个函数,作用是为组件实例绑定自定义事件,事件由$emit触发.$ ...

Vue实例与组件实例

Vue实例与组件实例相关推荐

最新文章

热门文章