关于vue实例

来源：4-16 vue模板被编译成什么

慕先生5461412

2021-11-21

1、在入口文件main.js里，会new一个总的Vue实例：

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})

然后其他地方也会封装各种.vue的组件，代码运行时每个组件会产生一个vue实例，请问这些vue实例是同一个对象吗？

2、如果一个父组件复用了很多相同的子组件，这些子组件实例是同一个对象吗？

写回答

1回答

双越

2021-11-21

在我们代码沟通的时候，“对象”和“实例”是同一个意思，可以相互切换的。所以，你把你的题目中，所有的“对象”都改为“实例”。然后再阅读，就能明白了。

例如“这些子组件实例是同一个实例吗？”—— 当然不是，每 new 出一个都是独立唯一的。

古塘春草梦

慕先生5461412

看下这个例子，你可能会明白，data是挂在组件原型上，如果不写成函数，实例化后所有实例的data指向同一个内存地址。 function VueCompnent() {} VueCompnent.prototype.data = { age: 12 }; var JackMa = new VueCompnent(); var PonyMa = new VueCompnent(); console.log(JackMa.data.age === PonyMa.data.age); // true JackMa.data.age = 13; console.log('JackMa ' + JackMa.data.age + '岁；' + 'PonyMa ' + PonyMa.data.age + '岁'); // JackMa 13岁；PonyMa 13岁

2022-02-05

共2条回复

前端框架及项目面试聚焦Vue3/React/Webpack

面向1-3年前端的框架及项目面试“刚需内容”

4695 学习 · 1667 问题

查看课程

相似问题

vue 如何实现高阶组件

回答 1

关于为何组件data必须是个函数

回答 2

为啥$root用不了

回答 2

老师，关于 event 的问题请教一下。

回答 1

vue中能实现模仿微信视频响铃吗

回答 1

打开慕课网App查看更多内容