Vue3

createVNode() 创建虚拟 DOM 节点 第一个参数：创建元素类型，必传 第二个参数：元素属性或者要传递的props 第三个参数：元素内容/子节点 render() 渲染虚拟 DOM 节点

vite使用 esbuild 预构建依赖,使用rollup进行打包，天然支持ts书写，支持模块热重载HMR，使用vite创建一个vue3+ts项目，使用npm init vite@latest或 ya

学习本章节之前可以查阅一下 JSX基本语法及使用 这篇文章，学习一下JSX的基本使用 以及 如何在VUE3项目中使用TSX 这篇文章，了解如何在项目中使用TSX编写组件 Vue3使用TSX的方式 第一

vue3使用TSX配置：1. 通过yarn add @vitejs/plugin-vue-jsx 命令安装依赖，2. 配置vite.config.ts， 3、配置 tsconfig.json ...

实际开发中，我们从父组件向子组件传递数据时，经常通过props进行传递；但是在一个深层级的子组件需要一个祖先组件的数据时,我们就必须通过props沿着组件链逐层传递，但是，沿途的子组件并不需要这...

在vue3中，已经没有了prototype属性，所以我们main.js中使用的app.config.globalProperties去定义全局函数和变量，在setup语法糖中读取全局变量.....

Vue3如何在setup中定义局部自定义指令，自定义指令提供的钩子钩子函数，自定义指令钩子函数的参数，如何定义一个简易的自定义指令及全局自定义指令...

Nginx中Vue-History模式下刷新404问题原因以及解决方法，使用HashRouter的好处，nginx常用变量介绍

Vue提供了defineAsyncComponent来定义异步组件，在项目中，我们使用import直接导入组件，在打包时，会将所有代码打入主包中，大大增加了首屏加载速度，使用异步组件，可以有效优化….

v-model实际上就是一个语法糖，等同于props与emit的操作，只是vue帮我们做了这部分操作 vue2中的v-model 使用input事件 在vue2中封装组件时，我们使用v-model..

<Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去；也就是你可以把指定的内容传送到指定的位置 使用 <Teleport>接收一个...

Vue 提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画： <Transition> 会在一个元素或组件进入和离开 DOM 时应用动画。。 <TransitionGroup> 会在一个...

我们通过<component>元素来实现动态组件的用法,默认情况下，一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时，会创建一个只带有初始状态

动态组件,通过component标签，让多个组件实现动态切换，要渲染的实际组件通过 is 属性传递决定，如果想通过名称传递则必须先对其进行注册；插槽就是组件使用slot标签留出一个对应的位置，这...

局部组件：只需要直接导入即可；全局组件：需要在main.ts内全局注册，注册后的组件在页面中可以直接使用；如何批量注册全局组件；递归组件： 与写js函数递归是一样的，都是都是自己调用自己，通过一...

父组件通过 v-bind给子组件绑定一个数据；子组件通过defineProps接收父组件传递过来的数据；子组件通过defineEmits派发一个事件，通过事件传递参数，父组件通过`v-on`监听...

组件就是可以将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考,做同样的逻辑处理，我们一般会将 Vue 组件定义在一个单独的 `.vue` 文件中，并且这个文件可以`多次复用`

watch 监听一个或多个响应式数据源，并在数据源变化时调用所给的回调函数。 默认是懒监听的，即仅在侦听源发生变化时才执行回调函数。 第一个参数是监听源 这个来源可以是以下几种： 一个函数，返回一个值

计算属性，当computed内所依赖的数据发生变化时，computed会重新执行计算，如果没发生改变，computed会将之前计算后`缓存`的结果返回。

toRef 函数的作用：转换响应式对象中某个属性为单独响应式数据，并且转换后的值和之前是关联的,toRef源码解析，toRefs将响应式对象转换为普通对象，且每个属性都是指向源对象相应属性的ref