怎样使用Vue实现proxy代理
1、vue 中的 proxy 就是利用了 Node 代理，原理还是因为服务器端没有跨域这一说嘛，也是用了这么一个插件 地址 ‘/api’：是指遇到这个字符开头的话，在这个字符前面加上target里面的ip或者域名。
2、利用 vue-cli 中的 devServer 配置 记住，如果你的地址没有类似我那个地址那样，有个 api 作为标识的，你可以手动在地址上加上一些标识，然后利用 pathRewrite 再抹掉即可。一般不会这么做，这样做意义也不大。
3、这里的vue代理是 vue静态服务器做代理。使用的是 http-proxy-middleware 这个模块（这个模块相当于是node.js的一个插件）。
4、vitevueproxy线上使用方法如下：Vite在开发环境中使用proxy进行多个服务器的代理，Vite通过server.proxy配置自定义代理规则。
5、在webpack中配置proxy。如下图所示 如上： target是你要代理的域名，必须要加上http。 这里用/api代替target里面的地址，组件中调用接口时直接用/api代替。
6、Vue 类的项目开发中项目结构基本都是类似于 Vue-cli 生成的方式，这种方式开发中，最常用到的模式是开启代理进行 mock 调试或远程调试，也就是使用了 Vue-cli 设置的配置 proxyTable 或者直接使用 Webpack-dev-server提供的 proxy 选项。
vue的proxy代理使用
Vue 类的项目开发中项目结构基本都是类似于 Vue-cli 生成的方式，这种方式开发中，最常用到的模式是开启代理进行 mock 调试或远程调试，也就是使用了 Vue-cli 设置的配置 proxyTable 或者直接使用 Webpack-dev-server提供的 proxy 选项。
在webpack中配置proxy。如下图所示 如上： target是你要代理的域名，必须要加上http。 这里用/api代替target里面的地址，组件中调用接口时直接用/api代替。
利用 vue-cli 中的 devServer 配置 记住，如果你的地址没有类似我那个地址那样，有个 api 作为标识的，你可以手动在地址上加上一些标识，然后利用 pathRewrite 再抹掉即可。一般不会这么做，这样做意义也不大。
vitevueproxy线上使用方法如下：Vite在开发环境中使用proxy进行多个服务器的代理，Vite通过server.proxy配置自定义代理规则。
vue 中的 proxy 就是利用了 Node 代理，原理还是因为服务器端没有跨域这一说嘛，也是用了这么一个插件 地址 ‘/api’：是指遇到这个字符开头的话，在这个字符前面加上target里面的ip或者域名。
你了解vue3.0响应式数据怎么实现吗
通过上面的例子和代码，我们看到Vue的响应模式如果使用proxy会比现在的实现方式要简化和优化很多，很快在即将来临的0版本中，大家就可以体验到了。
vue0 使用proxy代替了vue0版本中的defineProperty，首先利用compositionAPI中的 reactive() 函数返回一个proxy对象，使得数据可监测 target参数表示所要拦截的目标对象，handler参数也是一个对象，用来定制拦截行为。
当我们在vue中修改数据时，页面会自动响应并更新相应的部分，这是由vue的响应式数据原理实现的。vue通过使用Object.defineProperty方法来实现对数据的监听，当数据发生变化时，vue会自动检测这个变化并触发相应的更新。
这次给大家带来怎么实现Vue数据响应式，实现Vue数据响应式的注意事项有哪些，下面就是实战案例，一起来看一下。
其实Vue响应式的实现是一个变化追踪和变化应用的过程。vue响应式原理以数据劫持方式，拦截数据变化；以依赖收集方式，触发视图更新。
TypeScript在Vue3.0的Ref类型中的实践
要让 TypeScript 正确推断 Vue 组件选项中的类型，需要使用 defineComponent 全局方法定义组件。参考文档 引用第三方库时，如果第三方类库并没有 ts 的 .d.ts 类型的声明文件，则无法在项目中正常使用。
这篇文章主要介绍了在Vue组件中使用 TypeScript的方法，需要的朋友可以参考下注意：此文并不是把vue改为全部替换为ts，而是可以在原来的项目中植入ts文件，目前只是实践阶段，向ts转化过程中的过渡。
比如下面这种写法，直接放在了save方法中，是不行的 在vue3的setup中可以使用ref变量的方式或者getCurrentInstance两种方式来使用Ref，从使用方便的程度上来看，更加推荐使用ref变量的方式。
另外，Vue3支持 Typescript 语法编程也是其中一大亮点，为了 探索 新技术的工程化搭建，本文会把Typescript、vite、pinia等官方周边整合到工程里面。
Vuex 没有为 this.$store 属性提供开箱即用的类型声明。如果你要使用 TypeScript，首先需要声明自定义的 模块补充(module augmentation) 。
可以看到是个数组，也很好理解，数组的每一项就是每个li元素。