DruxtJS

# Druxt

The Vue.js Druxt component.

Example

<Druxt
  :module="module"
  :props-data="propsData"
  :wrapper="{
    component,
    propsData: {}
  }"
/>
1
2
3
4
5
6
7
8

# .setModuleComponent()

Sets the module component and propsData.

Kind: instance method of Druxt

# .props

Vue.js Props.

Kind: static property of Druxt

# .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

# .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.

← DruxtModule →