路由理解：一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件。生活里的路由与路由器路由分类1.后端路由：理解：value是function,用于处理客户端提交的请求。工作过程：服务器接收到一个请求时,根据请求路径找到匹配的函数来处理请求,返回响应数据。2.前端路由：理解：value是component，用于展示页面内容。工作过程：当浏览器的路径改变时,对应的组件就会显示。1.基本使用安装vue-router，命令：npmivue-router应用插件：Vue.use(VueRouter)编写rout
1.1相关理解1.1.1vue-router的理解Vue的一个插件库，专门用来实现SPA应用1.1.2对SPA应用的理解单页Web应用（singlepagewebapplication，SPA）整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面，只会做页面的局部更新数据需要通过Ajax请求获取1.1.3路由的理解什么是路由一个路由就是一组映射关系（key-value）key为路径,value可能是function或component路由分类后端路由：理解：value是function,用于处理客户端提交的请求工作过程：服务器接收到一个请求时,根据请求路径找到匹配的函数来处理请求,返回响
1.1相关理解1.1.1vue-router的理解Vue的一个插件库，专门用来实现SPA应用1.1.2对SPA应用的理解单页Web应用（singlepagewebapplication，SPA）整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面，只会做页面的局部更新数据需要通过Ajax请求获取1.1.3路由的理解什么是路由一个路由就是一组映射关系（key-value）key为路径,value可能是function或component路由分类后端路由：理解：value是function,用于处理客户端提交的请求工作过程：服务器接收到一个请求时,根据请求路径找到匹配的函数来处理请求,返回响
1.vite+TS+Vue3npmcreateviteProjectname:...yourProjectNameSelectaframework:>>VueSelectavariant:>>Typescrit2.修改vite基本配置配置Vite{#configuring-vite}|Vite中文网(vitejs.cn)vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path';//编辑器提示path模块找不到，可以cnpmi@types/node-
1.vite+TS+Vue3npmcreateviteProjectname:...yourProjectNameSelectaframework:>>VueSelectavariant:>>Typescrit2.修改vite基本配置配置Vite{#configuring-vite}|Vite中文网(vitejs.cn)vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path';//编辑器提示path模块找不到，可以cnpmi@types/node-
1.Vue-Router只要是使用Vue开发程序就不可避免的会使用到Vue-Router(路由)，作为Vue生态的一部分Vue-Router不同于传统的开发模式，每个url都会重新加载页面，而是单页面(SinglePageApplication)模式是根据url加载不同的组件，这样做可以1.监听Url的变化，并在变化前后执行相应的代码逻辑2.不同的Url可以对应不同的组件3.提供了更多方式改变Url的API（Url的改变不能导致页面的刷新）2.Vue-Router的使用方式1.Vue是使用.use(plugins)方法将插件注入到Vue中。use方法会检测注入插件VueRouter内的inst
1.Vue-Router只要是使用Vue开发程序就不可避免的会使用到Vue-Router(路由)，作为Vue生态的一部分Vue-Router不同于传统的开发模式，每个url都会重新加载页面，而是单页面(SinglePageApplication)模式是根据url加载不同的组件，这样做可以1.监听Url的变化，并在变化前后执行相应的代码逻辑2.不同的Url可以对应不同的组件3.提供了更多方式改变Url的API（Url的改变不能导致页面的刷新）2.Vue-Router的使用方式1.Vue是使用.use(plugins)方法将插件注入到Vue中。use方法会检测注入插件VueRouter内的inst
$router.push({name:component})与$router.push(‘pathName’)的小区别：前者不能复用组件的可能性大一些思路：来回切换组检测hash值，当点击热点之后切换到相应的搜索结果列表组件回来的时候，点击搜索框的小x清空内容并返回到默认子路由处理返回有两种方式：监测搜索框内容为‘’则使用$router.push({name:component})或者监测搜索框内容为‘’则使用$router.push(‘pathName’)视频展示：视频中，第一次用的pathName这种方式；第二次和第三次用的{name:component}这种方式，其中第二次有缓存，所以出
$router.push({name:component})与$router.push(‘pathName’)的小区别：前者不能复用组件的可能性大一些思路：来回切换组检测hash值，当点击热点之后切换到相应的搜索结果列表组件回来的时候，点击搜索框的小x清空内容并返回到默认子路由处理返回有两种方式：监测搜索框内容为‘’则使用$router.push({name:component})或者监测搜索框内容为‘’则使用$router.push(‘pathName’)视频展示：视频中，第一次用的pathName这种方式；第二次和第三次用的{name:component}这种方式，其中第二次有缓存，所以出
前言本篇随笔主要写了Vue框架搭建项目时所用的vue官方项目模版，如何创建项目，建设项目结构和拉取项目模版。作为自己对Vue框架搭建项目知识的总结与笔记。百度网盘链接，案例源码获取地址： 链接：https://pan.baidu.com/s/1AB1gScU5SYtCgS3xnK3mIA?pwd=1234提取码：1234 随笔目录结构：PS:点击标题后的--> 这个标志可以浏览目录结构，以便快速定位需要的内容一、准备工作1。开发工具最主要的是Node8.12.0版本，版本冲突最少，当然最好是8.12.0版本，其他版本也可以，不过需要调试错误。这里随笔基于Node8.12.0版本，可以无冲突安装
