vue的三种渲染定义方式

作者: Byron 最后更新: 2023-04-02

vue的三种渲染定义方式: template, render, app.mount()

需要编译时注意选择使用包含编译器的 vue 构建版本

vue-api: template

属性值为字符串, 会被编译器分析并生成渲染函数

字符串如果以 # 开头, 则代表该值为一个css 选择器, 供 querySelector 使用, 选择器的目标内容作为模板字符串被用作编译

vue-api: render

一个方法, 渲染函数, 预编译的模板(字符串)最终都会被编译为渲染函数, 方法的返回值为虚拟DOM, 等待被渲染到页面.

与 template 同时存在时, render 优先级更高

vue-api: app.mount()

如果同时定义了 template 或 render, 则替换 mount 目标的内容为 template/render 的内容, 否则直接使用 mount 目标的内容作为模板进行编译.

目录