声明数据要这样写，把数据集中放在一个对象中： let state = reactive({ typeList: [], arr:[] }); 如果没用setup语法糖，那么这个state需要return，state.arr这样的写法太麻烦， 这样直接 retu...

前置路由守卫常用于项目在未登录时的跳转判断，不管是vue2还是vue3都是一样的用法，没有多少改变，路由守卫有好几种，写法也有几种，以下是最简单且最常用的一种。 判断用户是否登录需要在 ...

我们脚手架生成的项目打开之后看到有默认的示例效果，这些示例我们开发的时候肯定是不需要的，所以我们要把它清除掉，让项目变成一个干净的没有任何东西的空项目，我们才能开始开发自己的项目。...

什么是按键修饰符：按键修饰符就是捕获你按下的是什么键，进而触发什么方法，本质就是封装了原生js中的键盘事件，其实就是捕获某个键的键盘事件，代替了e.keycode。 在原生js中，我们要用按键触...

任何一个应用一定会有页面跳转（切换），以前是用a标签来跳转的，但a标签会刷新页面，不能实现局部跳转。 在vue中，我们不会再使用a标签跳转了，vue提供了路由（router），他就是用来跳转页面的...

之前说的都是vue的基础知识，学会这些基础知识之后，就要开始写一个真正的应用（网站/系统）了。写项目，不是和以前写原生js项目那样自己建文件夹（html，css，js）。vue提供了专门写项目的文件...

这个东西相当于vue2的mixins，相比mixins，hooks更清楚复用功能代码的来源。就是把繁多的js功能拆分成单个的js文件，然后再引入到需要的地方使用。 在src目录下新建一个hooks的目录，所有拆分的...

一. 创建vue脚手架项目 二. 安装axios   三. 封装请求 大致思路： 就是新建一个request的文件夹，里面有两个js文件，分别是request.js和 api.js  前者是配置请求的根...

vue3是在vue2的基础上做了一些更新，所以学vue3只是在vue2的基础上对某些东西的知识更新。在vue3的里面有些并不推荐使用的vue2的方法属性依然能使用，这个需要分清楚。 vue3里面一个最大的特点...

vue3的生命周期： vue3的生命周期基本和vue2一样，只是最后一个钩子函数名字改变了。用法上可以和vue2一样作为配置项去使用完全可以，也可以使用组合式api在setup函数里面使用。 值得注意的是，...