炫意html5
最早CSS3和HTML5移动技术网站之一

[Vue.js 3.0] API – DOM

# DOM

# template

  • Type: string

  • Details:

    A string template to be used as the markup for the component instance. The template will replace the mounted element. Any existing markup inside the mounted element will be ignored, unless content distribution slots are present in the template.

    If the string starts with # it will be used as a querySelector and use the selected element’s innerHTML as the template string. This allows the use of the common <script type="x-template"> trick to include templates.

    Note

    From a security perspective, you should only use Vue templates that you can trust. Never use user-generated content as your template.

    Note

    If render function is present in the Vue option, the template will be ignored.

  • See also:

    • Lifecycle Diagram
    • Content Distribution with Slots

# render

  • Type: Function

  • Details:

    An alternative to string templates allowing you to leverage the full programmatic power of JavaScript.

  • Usage:

    <div id="app" class="demo">
    <my-title blog-title="A Perfect Vue"></my-title>
    </div>
    
    const app = Vue.createApp({})
    app.component('my-title', {
    render() {
    return Vue.h(
    'h2', // tag name,
    this.blogTitle // tag content
    )
    },
    props: {
    blogTitle: {
    type: String,
    required: true
    }
    }
    })
    app.mount('#app')
    

    Note

    The render function has priority over the render function compiled from template option or in-DOM HTML template of the mounting element

  • See also: Render Functions

炫意HTML5 » [Vue.js 3.0] API – DOM

Java基础教程Android基础教程