vue前端执行过程

标签：bsp   run   com   one   首页   info   地址   height   img   

1、找到index.html。

2、找到main.js

3、挂载了router，然后去找router下的index.js

index.js中，指定了路由。如：

path: ‘/index‘,就会根据 import Index from ‘@/components/Index‘ 去components下找Index组件

4.根据index.js中挂载的组件路径（如：path: ‘/index‘,），去找相应的组件。然后在App.vue显示。

<router-link to="/index">首页</router-link>，根据路由做了链接，点击首页，就会跳到/index路径下

5.输入命令npm run dev，启动前端vue。

在浏览器地址栏输入：http://127.0.0.1:8080/index

注意：在index.js中的routes列表之后，加上 mode: ‘history‘，否则路径应该是：http://127.0.0.1:8080/#/index

vue前端执行过程

标签：bsp   run   com   one   首页   info   地址   height   img   

原文地址：https://www.cnblogs.com/yuexiao/p/12779693.html