# Druxt
The Vue.js Druxt component.
Example
<Druxt
:module="module"
:props-data="propsData"
:wrapper="{
component,
propsData: {}
}"
/>
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
- Druxt
- instance
- static
# .setModuleComponent()
Sets the module component and propsData.
Kind: instance method of Druxt
# .props
Vue.js Props.
Kind: static property of Druxt
- .props
- .inner :
object
- .module :
string
- .propsData :
object
- .wrapper :
object
- .inner :
# .inner : object
Inner element.
Kind: static property of props
Default: { component: 'div', propsData: {} }
# .module : string
The DruxtJS module to render.
Kind: static property of props
Example (Using the DruxtJS Site module (opens new window).)
<Druxt module="site" />
1
# .propsData : object
Props data to bind to the specified DruxtJS module.
Kind: static property of props
Example (Using the DruxtJS Entity module (opens new window) to render a 'node--article' resource.)
<Druxt
module="entity"
:props-data="{
mode: 'teaser',
type: 'node--article',
uuid
}"
/>
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# .wrapper : object
Wrapper element.
Kind: static property of props
Default: { component: 'div', propsData: {} }
# .data()
Vue.js Data object.
Kind: static method of Druxt
Properties
Name | Type | Description |
---|---|---|
components | objects | The module and wrapper components settins. |