vue2+vue3

1、使用defineCustomElement定义组件 在 Vue 3 中，defineCustomElement 是用来创建自定义元素的 API，它允许开发者将 Vue 组件封装成自定义元素（Cus

vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；

安装 我们可以使用以下命令来安装 vite-plugin-svg-icons 插件： 配置 1、在安装了 vite-plugin-svg-icons 插件后，我们可以在 vite.config.js

pinia 和 vuex 一样，数据是短时的，只要一刷新页面，数据就会恢复成初始状态，为了避免这个问题，可以对其采用持久化保存方法 使用官方推荐的插件去实现持久化存储，这样更便捷，省时省力。插件为 p

1、pinia在vue3项目中的接入 点击查看pinia官网地址 1-1、安装 1-2、在src目录下新建一个store的目录，里面新建一个user.ts的文件 1-3、在src目录下新建一个stor

前言 vue-router 有几种钩子函数？具体是什么及执行流程是怎样的？ vue-router 钩子函数有： 全局守卫、路由守卫、组件守卫

1、如何设置全局变量 main.ts 设置全局变量 使用全局变量，使用 getCurrentInstance 方法一 使用全局变量，使用 getCurrentInstance 方法二 (1) 在hoo

从0 开始，用 vite + vue3 + ts + pinia + element-plus + vueuse 创建一个前端项目模板

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a577cc8a05594f69800311aa3751142d~tplv

代码是vue3.2的<script setup />的编写方式，主要有以下七种组件通信方式： props emit v-model refs provide/inject eventBus vuex/

距离 vue3 正式发布已经过去两年有余, 成为默认版本也过去大半年了，以前还能说是对新技术、新特性的观望，而现在面试都直问 vue3 源码了，所以vue3的学习势在必行了，以下是vue3的基础内容，

结论: Vue3中 watch、watchEffect 的区别? watch 特点 watch 监听函数可以添加配置项，也可以配置为空，配置项为空的情况下，watch的特点为： 有惰性：运行的时候，不

创建VUE3项目的方式 前提是电脑需要安装node，点击查看windows系统安装node教程 方式一：使用vite方法 npm init vite@latest 是基于vite创建的vue3项目，默

如果是把项目中有关的vue包从3版本升级到4版本的话,例如： 因为在v4中，eslint需要作为项目本身的依赖才行，所以需要安装2个和eslint相关的包，可以修复这个警告，需要安装2个第三方包如下：

1. Vue3.0响应式特点 2. 核心函数 1. 在严格模式下，Proxy的函数必须返回布尔类型的值，否则会报TypeError 2. Proxy和Reflect中使用receiver 如果return Reflect.get(target, key, receiver)写成…

一、Vue 3.0 性能提升主要是通过哪几方面体现的？ 1、源码体积的优化 2、响应式系统的升级 3、代码编译优化 二、Vue 3.0 所采用的 Composition Api 与 Vue 2.x 使

VUE路由的hash模式与history模式的区别，这个也是面试常问的问题，这个题其实就是考验你的开发经验是否属实。 小白回答：hash模式url带#号，history模式不带#号。 形式上：hash模式url里面永远带着#号，开发当中默认使用这个模式。如果用户考虑url的规范…

下一篇：实现一个简单的vue响应式（理解vue的响应式原理） 有几个关键点需要提前知道： 1、在router/index.js文件内的Vue.use(VueRouter)： (1)Vue.use()是

上一篇：实现一个简单版的vueRouter【history模式+hsah模式】 模拟实现的有vm实例对象中的$el、$data、$options、把data中的成员注入到vm实例对象中 实现模拟vue

完整版：同时包含编译器和运行时的版本。 编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码，体积大、效率低。 运行时：用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码，体积小、效率高。基本上就是除去编译器的代码。 UMD：UMD 版本通用的模块版本，…