Breaking News: Grepper is joining You.com. Read the official announcement!

render function of vue

Real Rabbit answered on October 20, 2022 Popularity 9/10 Helpfulness 3/10

answer render function of vue

render function of vue

Comment

// all arguments except the type are optional
h('div')
h('div', { id: 'foo' })

// both attributes and properties can be used in props
// Vue automatically picks the right way to assign it
h('div', { class: 'bar', innerHTML: 'hello' })

// props modifiers such as .prop and .attr can be added
// with '.' and `^' prefixes respectively
h('div', { '.name': 'some-name', '^width': '100' })

// class and style have the same object / array
// value support that they have in templates
h('div', { class: [foo, { bar }], style: { color: 'red' } })

// event listeners should be passed as onXxx
h('div', { onClick: () => {} })

// children can be a string
h('div', { id: 'foo' }, 'hello')

// props can be omitted when there are no props
h('div', 'hello')
h('div', [h('span', 'hello')])

// children array can contain mixed vnodes and strings
h('div', ['hello', h('span', 'hello')])

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: vuejs.org

Tags: function javascript render

Link to this answer
Share Copy Link

Contributed on Oct 20 2022

Real Rabbit

0 Answers Avg Quality 2/10

render function of vue

Contents

More Related Answers

render function of vue

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.