琢磨了好久的问题，终于解决了，泪目( Ĭ ^ Ĭ )

在vue2中，我们知道vue2.x是使用Vue.prototype.$xxxx=xxx来定义全局变量，然后通过this.$xxx来获取全局变量。但是在vue3中，这种方法显然不行了。因为vue3中在setup里面我们是无法获取到this的，因此按照官方文档我们使用下面方法来定义全局变量：首先在main.js里写一个我们要定义的全局变量，比如一个系统id吧现在在页面里需要使用这个变量，只需要从vue

有两个页面A和B，我们使用单页面的形式，使用vue-router来实现页面的“跳转”，当我们一开始打开A页面时，执行了页面的created和mounted，跳转到B页面，执行了B页面的created和mounted，但是，当我们从B页面“跳转”回A页面时，我们发现不会执行created和mounted了，因为这个Vue组件已经加载了，它不会重复执行方法，如果我们要在路由发生变化的时候执行方法，那我

getCurrentInstance代表上下文，即当前实例。ctx相当于Vue2的this, 但是需要特别注意的是ctx代替this只适用于开发阶段，如果将项目打包放到生产服务器上运行，就会出错，ctx无法获取路由和全局挂载对象的。此问题的解决方案就是使用proxy替代ctx，代码参考如下。

qwq

localStorage中，只是插件会帮助自动存入与取出，不需要自己去操作localstorage。pinia-plugin-persistedstate或者pinia-plugin-persist都无效！pinia的状态与vuex一样把数据存在内存中，在刷新页面后会清理内存，数据会丢失。在需要使用store的页面修改数据的时候，不要使用赋值解构取出，而是直接取出并修改。要解决这个问题非常简单，在

遇到一个需求，在vue项目中根据a标签那样的链接跳转效果来实现组件的切换，于是乎打算通过给div设置伪类:focus来模仿a标签被点击后变色的效果，但是当给div设置伪类:focus后发现并没有生效。tabIndex属性：利用tab键遍历页面的表单元素和链接，按照tabindex的大小决定顺序，同时也有指示其元素是否可以聚焦（获得焦点）的作用。:focus ：在元素获得焦点时向元素添加特殊的样式（

当页面操作改变了arr时(不重新赋值, 使用push, splice等方法改变数组), 可以正常出发watch函数, 但是你会发现now和old输出的值是一样的, 这个还可以接收, 至少能触发watch函数, 但是你一旦重新给arr赋值了, 比如给arr数组清空了 test.arr = [];如果是对象的话使用下面的写法,但是比较遗憾, 这里的now和old都是一样的值(改变单一属性的情况下)在v

vue3对象通常是ref或者reactive响应式对象，不能直接进行对比两个对象是否一致，可以转化为字符串后在对比。

qwq