weixin_53474595的博客

2.新建useMutations.ts文件。1.新建useMapState.ts文件。3.store.ts文件。

需要注意的是实际项目中可能有多个环境，所以baseurl是动态配置的，新建一个 ip-config.ts文件。注意：1.用vscode进行开发的时候，推荐使用volar,禁用以前vue2常使用的插件Vetur。10.新建http.ts文件，封装get、post、put等请求方法。最后在main.ts文件里全局引入,每个页面组件可以直接调用方法.11.配置跨域 在vite.config.ts文件。执行对应的命令，有本地，测试，生产三种环境。7.修改vite.config.ts。

3. 安装 unplugin-vue-components 用于按需引入 ant design vue。1. 在 vite 构建的 vue3 项目中安装 ant-design-vue。2. 安装 less（因为 ant-design的样式是less)5. 通过引入样式文件来自定义主题色。新建一个样式文件，比如。

默认初始时不执行回调，但可以 通过配置immediate为true，来指定初始时立即执行第一次，也可以通过配置deep为true来指定深度监视。这种写法比较简洁，它可以同时监听firstName和lastName,并计算出fullName。特点：1. 不用指定要监视的数据 2.默认初始时就会执行一次。监听reactive对象中的属性，必须通过函数来指定。监听多个数据时要使用数组来指定，（1）监听单个非对象中的属性。(2)监听对象中的属性。(3)同时监听多个数据。

如果传递给 computed 的是一个函数，那么这就是一个 getter 函数，我们只能获取它的 值，而不能直接修改它。如果需要修改计算属性的值，计算属性传入一个对象， 包含get 和 set 函数， 就能实现创建一个可以修改的计算属性。上述的例子只是单纯的计算两个数的和，可以直接引入computed方法在方法里进行计算。计算属性不是只可以写一个的，可以写任意多个计算属性，代码如上所示，效果如下。如果我们直接修改计算属性的值会报错误。

从代码可以看出arr数组可以使用push方法主要是因为 当我们定义arr=[]时，其实它相当于arr=new Array(),所以arr指向Array的原型函数，即arr.__proto__=Array.prototype,所以arr可以使用数组的push等方法，但是现在我们把arr.__proto__又等于obj了，所以。2.数组直接通过下标修改元素，比如(arr[1]=xxx)或者更新数组的length，界面不会自动更新，不是响应式的。从打印的结果可以看出，对象和数组已经改变了，但是页面不更新。