vue3

一：axios 基础 从浏览器中创建XMLHttpRequest 从node.js发出http请求 支持Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户

下边是我简单封装的几个cookie方法。 Utils.ts 调用： 有好的建议，请在下方输入你的评论。 欢迎访问个人博客 https://guanchao.site 欢迎访问小程序：

首先，尝试一下计算属性computed 第一种写法 修改age，nextAge会跟着自动+1 但如果修改nextAge，会有警告：计算属性不能修改 第二种写法 另一种写法： 使用computed和wa

VUE2中可以将我们需要的插件挂载到VUE的主链上（配置成全局属性），然后通过this调用，但是在VUE3的ts中使用这样的配置方法的话是没法通过编译的，这个时候我们就需要拓展属性。 vue3.x+t

父传更深的后代 一般往深度层级传递值，有这两种方式： · provide / inject · vuex provide / inject 一看到“深”这个字，大家肯定第一想到的就Vue2中的prov

在创建项目的时候，官方给出的页面，其实就给出了一个自定义的组件helloworld，里边包含了父传子传值，VUEX的使用，计算属性computed使用，方法的定义以及自定义组件的使用。 计算属性com

一：什么是生命周期 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁

上一部分中我们说到的ref只是作为单个变量的响应。 Vue3.0中还为我们提供了一个对象式响应的reactive函数 。 Reactive函数创建一个响应式对象。 一：Reactive函数 其实，在我

Setup是VUE3.0中为我们新提供的的组件选项。 创建组件实例，然后初始化props，紧接着就调用setup函数，从生命周期钩子的视角来看，他在beforecreate之前调用。 setup()是

平常再做开发的时候，一般情况下不会将html，js，css代码写到一个文件中。 基本上都会写在各自对应的文件中，然后再引入即可。 那么在VUE中我们如何抽离vue文件中的js，与css代码呢？ 1：抽

当我们访问的路由没有预先定义的时候，就会跳到一个空白的页面。 这样的体验不太好，那么我们需要配置，访问路由不存在时跳转404页面。 实现这个小功能我用到了vue-router的路由守卫功能。 在我们上

使用vue-router，这里特别说明一下，我这里记录的是vue-router文件的编写。及在页面中的使用。 我的站点主要分为三个部分： 1：pc端页面的路由 2：手机端页面的路由 3：后端管理系统的

更好的了解项目的目录结构，能更好的去开发项目： 当前展示的目录结构是基于vite搭建的项目。 目录结构如下图所示： 我的代码是托管在我自己的git服务器上边的，默认安装的时候是不存在的。 1：dist

上一篇中我们创建了项目并成功运行。 这里为我的项目添加依赖，我这里使用的是yarn。 1：安装vue-router 2：安装vuex 3：安装组件库Ant Design Vue 4：安装typescr

VUE3.0第一篇。主要还是看一看官方的手册，做一个笔记。 官方文档网址： https://www.vue3js.cn/docs/zh/guide/introduction.html 这里看一下vue

VUE3官方推荐使用vite来构建项目，但是并不是说之前使用vue-cli创建项目就不行了。 使用vue-cli创建项目，要确保你的vue-cli的版本要大于4.5.6. 一：安装vue-cli 建议