今天完成的事情：

今天学习了如何创建vue3.0项目，着重的了解了一下组件和路由之间的关系，其实我感觉还是不太容易理解：

学习目的

    学习Vue的必备技能，必须 熟练使用 Vue-router，能够在实际项目中运用。

Vue-router介绍

    Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表；模块化的、基于组件的路由配置；路由参数、查询、通配符；基于 Vue.js 过渡系统的视图过渡效果；细粒度的导航控制；带有自动激活的 CSS class 的链接；HTML5 历史模式或 hash 模式，在 IE9 中自动降级；自定义的滚动条行为。

        由 前端 来控制页面的跳转（但其实是个单页面），根据不同的 url 地址展示不同的内容和页面。

        优点：体验好，不需要每次从服务器获取全部，快速展现给用户；

        缺点：不利于SEO；使用浏览器的前进，后退键的时候会重新发送请求，没有合理的利用缓存；单页面无法记住之前滚动的位置，无法在前进和后退的时候记住滚动的位置。

Vue-router安装

        安装  npm install vue-router  --save-dev 

        src 目录下 新建 router 目录，目录下新建 index.js

 index.js

引入vue-router

        在 main.js中引入

实例中使用router

   Vue-router 核心

              路由跳转的方式

                    <router-link to=' '></router-link>    和   this.$router.push({path:' '})

路由跳转

路由设置

明天计划的事情：

明天用vue开始写登陆页面。

收获：大概明白了路由之间的关系，创建子组件。