• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • vue手册
  • php手册
  • MySQL手册
  • apache手册
  • redis手册
  • render

    • 类型:Function
    • 详细:字符串模板的另一种选择,允许你充分利用 JavaScript 的编程功能。


    //HTML
    <div id="app" class="demo">
    	<my-title blog-title="A Perfect Vue"></my-title>
    </div>
    
    //JS
    const app = Vue.createApp({})
    
    app.component('my-title', {
      render() {
        return Vue.h(
          'h1',           // 标签名称
          this.blogTitle  // 标签内容
        )
      },
      props: {
        blogTitle: {
          type: String,
          required: true
        }
      }
    })
    
    app.mount('#app')
    


    render函数的优先级高于从挂载元素template选项或内置 DOM 提取出的 HTML 模板编译渲染函数。

    上篇:template