前端Vue 執行流程
Vue的執行流程
一般來說,當啓動vue程序時,系統會先調用main.js文件
在main.js中,創建了一個新的vue對象並將其掛載到App.vue中id爲app的html組件中
在App.js中,引入<router-view/>
標籤來進行路由管理,系統會進入router文件夾中的index.js文件中來尋找路由
import VueRouter from 'vue-router' import HomeView from '../views/HomeView.vue' Vue.use(VueRouter) const routes = [ { //不加任何後綴的路由,localhost:8080/ path: '/', name: 'home', component: HomeView }, { //加後綴的路由,localhost:8080/about path: '/about', name: 'about', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue') } ] const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes }) export default router
然後系統會跟據不同的路由來展示不同的頁面。
https://blog.csdn.net/Eric_fo/article/details/130339203
================================================