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

This article introduces what are the local components of Vue, the content is very detailed, interested friends can refer to, hope to be helpful to you.

In Vue, we can define (register) local components ourselves.

How to define the component name:

Var ComponentA = {/ *... * /} var ComponentB = {/ *... * /}

Then define the components you want to use in the components option:

New Vue ({el:'# app', / / component Center components: {/ / when registering a component in the view layer rendering / / component-a: the name you want to use in the view layer call / / ComponentA: partial registration component name 'component-a': ComponentA,' component-b': ComponentB}})

Invoke partial components at the view layer:

Let me give you a list:

Let componentA = {template: `

I am partial component 1

`} let componentB = {template:`

I am partial component 2

`} let vm = new Vue ({el:'#app', data: {}, components: {"component-a": componentA, "component-b": componentB}})

The output is as follows:

About what the local components of Vue are shared here, I hope the above content can be of some help to you, you can learn more knowledge. If you think the article is good, you can 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.