⚪在工程化中,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)
})
参考
参考