vue-cli-了解vue项目运行的过程

⚪在工程化中，vue要做的事情很简单，就是用main.js 把App.vue 模板结构（UI）渲染到 index.html 页面中

⚪什么是替换？

就是删除原来的元素，将新的模板结构渲染上去。

⚪这个标签不过是一个占位符，等待让App.vue 渲染到这个位置 

⚪index.html

    <!-- ♥ 让vue控制的一个区域：就是这个div -->

    <div id="app"></div>

1、main.js

// 导入vue这个包，得到Vue构造函数
import Vue from 'vue'

// 导入App.vue 根组件，将来要把App.vue 中的模板结构，渲染到HTML 页面中
import App from './App.vue'

Vue.config.productionTip = false

// 创建Vue 的实例对象
new Vue({
    el:'#app',
    // 把 render 函数指定的组件，渲染到HTML 页面中
    render: => h(/App)
})

参考 

 

参考