关于不同版本的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}, })
标签:Vue,函数,Render,App,js,render,vue,组件 From: https://www.cnblogs.com/anjingdian/p/17004667.html