首页 > 其他分享 >vue脚手架—render函数

vue脚手架—render函数

时间:2023-01-17 14:57:56浏览次数:36  
标签:vue render App js Vue createElement 脚手架

一、关于不同版本Vue:

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

二、render函数的两种写法

1、render: h => h(App)
2、render函数的完整版写法
render(createElement){
return createElement('h1','你好啊');
}

三、代码

// 整个项目的入库文件
//引入Vue
import Vue from 'vue'
//引入App组件,是所有组件的父组件
import App from './App.vue'
//关闭vue的生产提示
Vue.config.productionTip= false

new Vue({
   
    el:'#app',
    render: h => h(App)
    //render函数的完整版写法
    // render(createElement){
    //     return createElement('h1','你好啊');
    // }
    //残缺版vue无法解析模板template
    // template:`
    //     <App></App>
    // `,
    // components:{App}
   
})


标签:vue,render,App,js,Vue,createElement,脚手架
From: https://www.cnblogs.com/quliangshyang/p/17057792.html

相关文章