ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

Vue-33、Vue中为什么使用render函数

2026/10/2 0:15:54 拓冰建站 浏览量
Vue-33、Vue中为什么使用render函数

1、main.js

//该文件是整个项目的入口文件
//引入Vue
import Vue from 'vue'
//引入APP组件,他是所有组件的父组件
import App from './App.vue'
//关闭Vue是生产提示
Vue.config.productionTip = false;
//创建Vue实例对象---vm
new Vue({render: h => h(App),
}).$mount('#app');console.log(666);

2、查看引入vue

在这里插入图片描述
在这里插入图片描述
引入的dist/vue.runtime.esm.js

查看vue.runtime.esm.js 大小
在这里插入图片描述

此时引入的是残缺的Vue 无模板解析器。打包之后体积小一点。

而render: h => h(App), 可以进行模板解析。

在这里插入图片描述