<!DOCTYPE html>
We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.
<!-- Vue所管理的容器：将来创建结构动态渲染这个容器 -->
<div id="app">
<!-- 工程化开发模式中：这里不在直接编写模板语法 ，而是通过App.vue 提供结构渲染-->
</div>
<!-- built files will be auto injected -->
2.整个项目的核心入口文件其实是main.js
//文件核心作用：导入App.vue，基于App.vue创建结构渲染index.html
//1.导入 Vue 核心包
import Vue from 'vue'
//2.导入 App.vue 根组件
import App from './App.vue'
console.log(123)
//提示：当前处于什么环境（生产环境/开发环境）
Vue.config.productionTip = false
//3.Vue实例化，提供render方法 → 基于App.vue创建结构渲染index.html
new Vue({
//如果要管理index中的app容器，就像下面这么写
el:'#app',//这个 el 和下面的 .$mount('选择器') 作用完全一样，用于指定Vue所管理的容器
//render: h => h(App), //基于App.vue创建结构
//这里的 render 写法其实是一个简写
//可以写一个完整写法（如下）
render: (createElement) => {
// 基于App创建元素结构，但创建了结构并没有返回，所以它得不到你创建的结果，
//所以前面要加一个return
return createElement(App)
}
//提问：完整写法和之前的有什么不一样？
//答：creatElement是形参，它可以改成别的，比如一个h
}).$mount('#app')
