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

Vue-33、Vue中为什么使用render函数_第1张图片
Vue-33、Vue中为什么使用render函数_第2张图片
引入的dist/vue.runtime.esm.js

查看vue.runtime.esm.js 大小
Vue-33、Vue中为什么使用render函数_第3张图片

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

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

Vue-33、Vue中为什么使用render函数_第4张图片

你可能感兴趣的:(vue,vue.js,javascript,前端)