Vue之Render函数

关于不同版本的Vue: 
    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函数去指定具体内容。
/* 
    该文件是整个项目的入口文件
*/
//引入Vue 当前项目使用的是运行版的vue,没有模板解析器的功能
import Vue from 'vue'
//引入App组件,它是所有组件的父组件
import App from './App.vue'
//关闭vue的生产提示
Vue.config.productionTip = false 
//创建Vue实例对象---vm
new Vue({
    el:'#app',
    //render函数完成了这个功能:将App组件放入容器中 h是参数,等于复杂写法中的createElement,
    //简写中只有一个参数是因为传的是组件,传组件一个参数就行
  render: h => h(App),
  // 复杂写法
//  render(createElement){
//  return createElement('h1','你好啊');// 第一个参数是标签元素,第二个参数是标签的内容
//   }
  
    // template:`<h1>你好啊</h1>`,
    // components:{App},
})

 

posted @ 2022-12-25 21:48  安静点--  阅读(55)  评论(0)    收藏  举报