用户通过域名/IP 路径去访问Vue脚手架搭建的新项目,访问过程是怎样的呢?

 

1. 首先 先访问的是Vue项目的index.html文件; index.html会自动加载main.js文件(Vue项目的全局配置文件);

2. main.js文件是Vue项目的全局配置文件, 在main.js文件中我们可以看到文件中有引入./App组件;

3. 所以第三步访问的理应是APP组件;在APP组件中有个<router-view/>; <router-view/>所指向的是路由中的index.js文件;
import Vue from 'vue' import Router from 'vue-router' import HelloWorld from
'@/components/HelloWorld' Vue.use(Router) export default new Router({ routes: [
{ path: '/', name: 'HelloWorld', component: HelloWorld } ] })
4. 在router目录下index.js文件内,可以看到所配置路由对象信息

5. 最后在路由我们看到根路径/关联的组件是HelloWorld,当我们访问根路径的时候,所显示的页面就是HelloWorld组件中内容;

技术
©2019-2020 Toolsou All rights reserved,
颠覆!午睡千万别超过这个时间!当心引发致命疾病…SSM项目的excel文件上传并添加到数据库【Python】读取txt文件,获取指定行中指定位置数据基于RK3399 PWM驱动开发最优化方法总结:公式解、数值优化、求解思想Spark SQL-编程实验11-1-6 指定位置输出字符串 (20 分)Vue 中获取下拉框的文本及选项值人工智能算法总结TypeScript-多态篇