vue的new操作符做了什么
-
Vue的new操作符主要完成了以下几个步骤：
- 创建一个空的JavaScript对象。
- 将这个空对象的__proto__属性指向Vue构造函数的原型对象，使得该对象可以访问到Vue原型上的方法和属性。
- 执行Vue构造函数，将该对象作为上下文（this）传入，并且执行构造函数中的逻辑，对该对象进行属性的初始化和方法的定义。
- 返回该对象作为Vue实例。
具体来说，new操作符在创建Vue实例时，会将Vue构造函数中定义的属性和方法赋值给这个实例对象，包括data、computed、methods等。同时，Vue构造函数还会对this对象进行一些初始化，比如创建响应式数据、解析模板、进行挂载等。
在执行Vue构造函数时，还会调用Vue原型上的_init方法，该方法会根据传入的选项进行实例的初始化工作，包括合并选项、初始化生命周期、初始化事件、初始化渲染等。这些步骤是为了确保Vue实例能够运行起来并提供相应的功能。
总结起来，Vue的new操作符主要完成了创建空对象、将原型链指向Vue构造函数的原型、执行构造函数并初始化实例对象的属性和方法等步骤，最终返回一个完整的Vue实例。
2年前 0条评论 -
Vue的new操作符是用来创建一个Vue实例的。它做了以下几件事情：
-
创建一个空的实例对象：new操作符将会创建一个空对象，这个对象包含Vue实例的所有属性和方法。
-
初始化数据：new操作符会调用Vue构造函数中的初始化方法，将实例的数据进行初始化，包括data、props、computed等等。
-
初始化事件系统：Vue实例中有一个事件系统，用来处理各种事件，包括触发事件、监听事件等。new操作符会初始化这个事件系统，并绑定到实例上。
-
编译模板：Vue实例中有一个编译器，用来将模板编译成DOM。new操作符会调用这个编译器，将模板编译成可执行的代码。
-
创建虚拟DOM：在编译模板的过程中，Vue实例会创建一个虚拟DOM树，用来描述真实DOM的结构和属性。这个虚拟DOM树会被用来进行DOM的diff和patch操作。
总之，Vue的new操作符是用来创建一个Vue实例的，它会初始化实例的数据、事件系统和编译器，然后将模板编译成虚拟DOM，最后通过虚拟DOM来渲染DOM。这样，我们就可以通过Vue实例来操作数据、监听事件，以及渲染DOM了。
2年前 0条评论 -
-
Vue的new操作符主要是用来创建Vue实例的，它会调用Vue的构造函数，进行一系列的初始化操作。
具体而言，new操作符做了以下几个步骤：
-
创建一个空的对象，即Vue实例对象：new操作符会创建一个空的对象，然后将该对象赋值给this关键字，这个对象就是Vue的实例对象。
-
调用Vue的构造函数进行初始化：new操作符会调用Vue的构造函数，构造函数内部会进行一系列的初始化操作，包括初始化响应式数据、添加生命周期钩子函数、安装插件、注册组件等。
-
判断是否传入了选项对象：在new操作符后面可以传入一个选项对象，用于配置Vue实例的属性和方法。如果有传入选项对象，则会将选项对象中的属性和方法合并到Vue实例对象上。
-
返回Vue实例对象：最后，new操作符会返回创建的Vue实例对象，即通过new操作符创建的Vue实例。
总的来说，new操作符主要是通过调用Vue的构造函数，创建了一个空的Vue实例对象，并进行了一系列的初始化操作，最终返回创建的实例对象。在实例对象上可以使用Vue的各种属性和方法，实现组件化开发、数据绑定、生命周期管理等功能。
2年前 0条评论 -
