What is the relationship between Vue and VueComponent

This article introduces the knowledge of "what is the relationship between Vue and VueComponent". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

/ / define a constructor function Demo () {this.a = 1 this.b = 2} / / create a Demo instance object const d = new Demo () console.log (Demo.prototype); / / display the prototype property console.log (d.prototype prototypes _) / / implicit prototype property console.log (Demo.prototype = = d.prototype prototype _); / / true / / programmer manipulates the prototype object by displaying the prototype property, appending an x property with a value of 99 Demo.prototype.x = 99 console.log ('@', d.__proto__.x)

Analyze VueComponent according to the following component

Vue.config.productionTip = false / / define school component const school = Vue.extend ({name: 'school', template: `School name: {{name}} School address: {{address}} ` Data () {return {name: 'still Silicon Valley', address: 'Beijing'}) / / create Vue new Vue ({el:'#root', components: {school })

1. The school component is essentially a constructor named VueComponent, which is not defined by the programmer, but generated by Vue.extend.

2. We just need to write or