weixin_49827467的博客

Authorization里面放的就是token，就相当于每次发送请求的时候，拦截器都会拦截一次你的请求，来验证请求的token与储存的token是否是一致的。优化：由 stores 统一维护，在 stores/index.js 中完成 pinia 初始化，交付 main.js 使用。初始化 husky 工具配置 https://typicode.github.io/husky/现在：初始化代码在 main.js 中，仓库代码在 stores 中，代码分散职能不单一。

4、打开Chrome浏览器，右上角的设置三点图标——更多工具——扩展程序——打开开发者模式。6、等待会，出现vue.js的图标，选择加入扩展程序；这个时候插件已经成功安装了；5、把解压好的dev-tools插件拖到 Chrome浏览器；2、搜索Vue，选择——Vue Devtools。7、点击插件详情，找到允许访问文件网址，打开；8、关闭浏览器，重新启动项目，就可以使用啦；3、点击推荐下载，解压。1、百度搜索极简插件。

为了从 store 中提取属性时保持其响应性，你需要使用 storeToRefs()。store 是一个用 reactive 包装的对象，这意味着不需要在 getters 后面写 .value；需要使用defineStore来创建store仓库，有两个参数；创建好仓库之后，需要有一个变量来接收；pinia 是Vue的最新状态管理工具，是Vuex的替代品；action中的异步写法和组件当中的异步写法是一样的；现在，你的整个 Store 将使用默认持久化配置保存。仓库创建好之后，如何使用里面的数据呢？

在Vue3中，在自定义组件上使用v-model，相当于传递一个modelValue属性，同时触发 update:modelValue 事件；但是因为在setup语法糖的规则下，默认组件中的属性和方法时私有的；写法就是错误的，因为countAdd.value是只读的，不能修改；在不开启deep的情况下，精确侦听name的变化，只有name发生变化时，才执行回调函数；为了实现这个效果，可以在顶层组件中定义一个方法，然后传给底层组件，间接进行修改；模版引用，指的是 ref 向组件中获取真实的DOM对象或者组件；

store文件夹是你选配了Vuex之后才会有的文件，主要用于项目内某些状态的保存。main.js文件是一个很重要的文件，是浏览器解析最先加载的入口文件。这个文件的主要功能是通过import的方式导入各种资源，然后新建了一个vue实例。这里定义的组件都属于公共组件，任意的Vue页面中都可以（多次）调用。除了基础的依赖文件之外，它还会去识别我们package.json文件中保存的依赖信息并逐一安装。node_modules文件夹中存放的是各种项目依赖文件，其中包括很多基础依赖和自己安装的依赖。

一般是通过查找元素，找到类名加/deep/进行更改；为了实现样式的复用。可以使用vant组件的主题定制；缺点：只在本组件中生效，不能实现样式的复用；使用vant组件库时，想要修改组件的样式；

offset: 偏移数量 , 用于分页 , 如 😦 页数 -1)*50, 其中 50 为 limit 的值 , 默认 为 0。调用例子 : /top/artists?可选参数 : limit: 取出数量 , 默认为 50。比如要调的接口地址为：/top/artists。说明 : 调用此接口 , 可获取热门歌手数据。utils 是工具的意思。

通过代码编写的方式来进行跳转页面，在JS中是通过location.href来进行跳转的；当用户访问/路径时，通过redirect属性重定向到/home的路由规则；指的是通过点击标签进行跳转的导航，比如说a链接，router-link。1、如果将要访问的是main主页，需要判断是否有token；路由的编程式导航是通过路由的API来进行跳转的；2、如果将要访问的不是main主页，直接放行；通过路由实现组件的嵌套展示，叫做嵌套路由；路由规则中，path属性不是固定的；导航守卫可以控制路由的访问权限；

自定义指令</p>【注意】当指令第一次绑定到元素上时，会立即触发bind()函数；el参数指的是绑定的DOM元素<p v-color="color">自定义指令</p><p v-color="'red'">自定义指令

学习目标：1、Vue组件的数据共享2、Vue中 ref 的 引用。

生命周期（lift cycle）是指一个组件从创建->运行->销毁的过程；生命周期函数：是Vue的内置函数，会伴随着生命周期，自动执行；数据发生变化时，会触发这个运行阶段的函数；

给每个style标签加上 scoped属性，样式就会 变成私有的，不会影响全局；当使用第三方组件库时，如果有修改第三方默认样式的需求,需要用到/deep/;

axiox,vue-cli的使用

如果在绑定事件时，没有传参；事件处理函数会默认传一个参数e,通过e.target可以获取操作的dom元素；在filters节点下的过滤器就是私有过滤器；指令是vue为开发者提供的模版语法，用于辅助开发者渲染页面的基本结构；vue是一套构建用户界面的渐进式的，自底向上的前端框架；监听页面上的数据的变化，从而针对数据的变化做特定的操作；如果需要频繁的切换元素，使用v-show，性能优化；页面初始化时，条件为false时，使用 v-if；如果在绑定事件时，有传参，还想传参e,那就。全局过滤器有两个参数，