认识vue空项目

1. main.js  启动文件

        中，一开始读取的是app.vue文件，可以修改它，就能读取其他的vue文件了

如下：我换成了另一个vue文件，页面访问就变化了 

 2.  路由的配置 和 组件占位<router-view /> 的作用

       在src中的router文件， index.js中， 配置路由和组件的关系

•  配置：一个路由对应一个组件（有两种方式）
•  使用： 当访问路由，就会访问组件

路由的使用

1. 访问ip，先到App.vue 组件，并渲染它

2. 如果在App.vue 组件 中遇到   <router-view />,  就会去看当前处于哪个路由，找到对应的组件，放在  <router-view /> 位置。

gpt的说法

当访问 / 

当访问 /about 时

 

s 

3. A组件 中使用另一个 B组件（父子组件）

涉及知识点：

1. 父组件中使用子组件，
2. 父组件中的数据传递给子组件

空项目中：

        父组件：HomeView.vue

        子组件：HelloWorld.vue

4. router-link 

        实际上，router-link 和 第2 中的 router-view 都是 Vue Router 提供的组件。

        启动文件 main.js中会用到

 router-link 是用来做跳转的，通常就用来做导航用。结合html的导航 标签  nav

 <router-view /> 按照gpt的说法就是，用于显示匹配到的路由组件的内容。

和我总结的一致：

遇到   <router-view />,  就会去看当前处于哪个路由，找到对应的组件，放在  <router-view /> 位置