Vue_render函数

本文探讨了在Vue中使用render函数而非template配置项的原因,尤其是在使用运行时版本的Vue时。文中解释了vue.js与vue.runtime.xxx.js之间的区别,并说明了普通组件为何不需要使用render函数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

引入:在创建Vue实例对象引入组件时,为什么使用render函数而不是template配置项

1.vue.js 与vue.runtime.xxx.js的区别:
(1)vue.js是完整版的Vue,包含核心功能+模板解析器。
(2)vue.runtime.xxx,js是运行版的Vue,只包含核心功能,没有模板解析器。
2. 因为vue.runtime.xxx.js没有模板解析器,所以不能使用template配置项,需要使用render函数接收到的createElement函数去指定具体内容。

render函数

render(createElement){
    return createElement('h1','你好啊')
  }

注:参数createElement是一个函数

此处可以使用箭头函数编写

render: createElement => createElement(App)
另:普通组件为什么不需要使用render函数?

Vue已引入库对.vue文件中<template>进行解析

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值