main.js
// 该文件是整个项目的入口文件
// 引入vue
import Vue from 'vue'
// 引入app
import App from './App.vue'
// 关闭Vue在启动时产生的生产提示
Vue.config.productionTip = false
// 创建Vue实例对象
new Vue({
render: h => h(App),
store
}).$mount('#app')
# 解析 render 函数
在 main.js 中,创建 new Vue 时,按照以往的写法会报错:由于 vue.runtime.xxx.js 没有模板解析器,所以不能使用 template 配置项,需要使用 render 函数接收到的 createElement 函数去指定具体内容。
具体报错:
这是因为在引入 vue 的时候,引入了一个残缺版的 vue,按照错误提示推荐两种解决方式,第一种是使用 render 函数,第二种是引入完整版本的 vue。使用 render 函数,会传入一个 createElement 函数,createElement 函数会创建一个具体的函数