用户通过域名/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,
某东14薪变16薪,是诚意还是套路?os模块的简单使用浏览器内核(理解)让人意想不到的Python之樱花树(turtle库的华丽样式)java四大函数式接口(重点,简单)html写樱花树,写樱花树的作文计算机网络---计算机网络基本概念(协议、体系)HashMap详解