Shulou(Shulou.com)06/02 Report--

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

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.