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}, })
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
· 提示词工程——AI应用必不可少的技术