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

This article will explain in detail the example analysis of the components in Vue. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

{{name}} Vue.config.productionTip = false / / do not write el configuration items when creating school components / / el:'#root' / / component definitions Because eventually all the components are managed by a vm, and vm decides which container to serve const school = Vue.extend ({template: `School name: {{schoolName}} School address: {{address}} Point I prompt the school name` Data () {return {schoolName: 'No.2 Middle School', address: 'Beijing',}} Methods: {showName () {alert (this.schoolName)}) / / first step: create a component / / create a student component const student = Vue.extend ({template: `student surname Name: {{name}} Student Age: {{age}} ` Data () {return {name: 'Xiao Wang', age: 20,}) / / create vm new Vue ({el:'# root', data: {name: 'Hello The world!' }, / / second step: register the component (partial registration) components: {school, student}}) const hello = Vue.extend ({template: `Hello duck! Classmate Wang `}) Vue.component ('hello', hello) new Vue ({el:' # root2'}) this is the end of the article on "sample Analysis of components in Vue". I hope the above content can be helpful to you, so that you can learn more knowledge, if you think the article is good. Please share it for more people to see.

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.