main.js与App.vue解析

main.vue:构建定义及页面组件归集

 

<template>
  <div id="app">
    <router-view /> //路由显示区域
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

 

 

main.js:入口文件

import Vue from 'vue';//引入外部文件
import App from './App.vue';//引入src下的App
import router from './router';//引入自行配置的路由
import store from './store';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';//引入样式


Vue.config.productionTip = false//阻止启动生产消息

Vue.use(ElementUI);

new Vue({

  el:'#app',//自动挂载 .$mount('#app')//手动挂载

  router,

  store,

  render: h => h(App)

})