前端面试-浅谈New vue 之后发生了什么

本文探讨了`new Vue`操作背后所涉及的初始化步骤,包括调用`this._init`方法,进行配置合并、生命周期初始化、事件中心设置、渲染初始化等关键环节。尽管不深入每个细节,但这种清晰的模块化思维对于理解Vue的工作原理和学习编程有着重要的启示。
摘要由CSDN通过智能技术生成

New Vue

如果有看过源码的同学,不难发现从⼊⼝代码开始我们先来分析 new Vue 之后发⽣了哪些事情。

  1. new 关键字在 Javascript 语⾔中代表实例化是⼀个对象。⽽ Vue 实际上是⼀个类,类在 Javascript 中是⽤ Function 来实现的,来看⼀下源码,在 src/core/instance/index.js中。
function	Vue	(options)	{
   	
if	(process.env.NODE_ENV	!==	'production'&&	!(this	instanceof	Vue)){
   
     warn('Vue is	a	constructor	and	should	be	called	with	the	`new`	keyword')
  }		
    this._init(options) 
}

可以看到 Vue 只能通过 new 关键字初始化,然后会调⽤ this._init ⽅法, 该⽅法在

src/core/instance/init.js
 Vue.prototype._init
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值