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 @   安静点--  阅读(51)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
· 提示词工程——AI应用必不可少的技术
点击右上角即可分享
微信分享提示