Javascript

VueComponent构造函数

本文主要是介绍VueComponent构造函数,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

关于VueComponent

  • 假设有一个school组件
  1. school组件本质是一个名为VueComponent的构造函数,且不是程序员定义的,是Vue.extend生成的。
  2. 我们只需要写<school><school></school>,Vue解析时会帮我们创建school组件的实例对象,即Vue帮我们执行的 new VueComponent(option)。
  3. 特别注意:每次调用Vue.extend. 返回的都是一个全新的VueComponent!!!
  4. 关于this指向
  • 组件配置中:data函数、methods函中的函数、watch中的函数、computed中的函数 它们的this均是【VueComponent】。
  • new Vue(option)配置中:data函数、methods函中的函数、watch中的函数、computed中的函数 它们的this均是【Vue实例对象】。
  1. VueComponent的实例对象也可以称为组件实例对象
这篇关于VueComponent构造函数的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!