一、单文件组件<script setup><script setup> 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。 使用方法： 要使用这个语法，需要将 setup attribute 添加到script 代码块上：<script setup>
console.log('hello script setup')
</script
搭建Vue 环境1 下载 node.jsnode.js 中文网 https://nodejs.org/zh-cn/cn/ 下载合适的安装包2 配置环境 （安装时系统自动配置环境变量）进入系统环境变量界面选择系统变量 path 点击新建查看是否有node.js 的安装路径3 查看版本查看 node 版本命令：node -v查看 npm 版本命令 npm - v4 安装淘宝镜像，有利于加快下载速度np
转载
2024-09-21 08:46:08
293阅读
Vue3使用入门、优点相比Vue2有什么优点？diff算法的提升-vue2是全量对比，vue3新增了静态标记静态提升-vue2不管是否参与更新都会重新创建再渲染，vue3不参与更新的元素在渲染时直接复用。hoistStatic->SSR优化，静态绑定class，id不再做更新处理时间侦听器缓存ssr渲染更好的ts支持-vue2部分支持，vue3覆盖（新增Fragment、Teleport、S
简述再写插件之前，首先我们要弄清楚什么是插件？插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制，一般有下面几种：添加全局方法或者属性。添加全局资源：指令 / 过滤器 / 过渡等通过全局混入来添加一些组件选项添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。一个库，提供自己的 API，同时提供上面提到的一个或多个功能。Vue 插件是对 Vue 全局功能的
Vue3学习（第二天）一、vscode创建vue3模板1.打开vscode点击左下角设置按钮，点击配置用户代码片段2.点击vue.json，把模板输入。二、响应式基础(ref()和reactive())1.ref()函数2.reactive()三、computed计算属性四、watch侦听器1.侦听一个ref()：2.侦听多个时使用数组：3.深层侦听五、watchEffect高级侦听器停止侦听器
转载
2024-07-09 21:12:53
324阅读
vue3的优势：Vue 是目前国内开发最火的前端框架之一react, vue, angular的下载趋势Vue3性能更高，体积更小Vue的compositionAPI(组合式API)可以 更好的代码复用，方便构建大型项目对TS的支持比较好社区生态已经逐步完善组件（插件）名称官方地址官方地址ant-design-vuehttps://antdv.com/docs/vue/introduce-cn/a
转载
2024-08-12 20:55:34
108阅读
并不是所有的js文件都可以直接在webpack中使用。这些文件可能不支持模块（module）格式，甚至完全没有使用模块（module）。webpack提供了几种loaders(装载机)来解决这些文件如何在webpack中使用。 这个示例使用require来保证他们（的代码量）短小。通常你需要在你的webpack的config文件中配置这些loaders(装载机)。详情见Using loaders（
Vue学习笔记安装方法将https://unpkg.com/vue@3中的代码保存到项目目录下的lib文件夹中的vue.js中，在使用时引入即可。简单入门案例实现步骤 在页面中引入vue框架的核心文件 创建一个div标签，该标签要被Vue控制(挂载点) 使用Vue 对象调用createApp方法来创建Vue应用实例，再调用mount方法将应用挂载到页面上( div标签中)data方法用来配置数据
转载
2024-10-03 15:32:13
102阅读
参考：GitHub - briefness/fabric-region: 基于fabric.js的一个demoFabric.js 用法总结（在vue中使用时，因为this的指向不同，所以在Fabric.js方法内部，this是无法使用指向外部的值的）这只是我在使用fabric.js的过程中的一些总结，文章底部有一个fabric入门的链接，新手入门可以先看一下，适合新手canvas.setBackg
转载
2024-05-06 17:03:21
2131阅读
一、从以下方面了解 Vue 3 新特性 1.RFC机制Vue 3 的第一个新特性和代码无关，而是 Vue 团队开发的工作方式。关于 Vue 的新语法或者新功能的讨论，都会先在 GitHub 上公开征求意见，邀请社区所有的人一起讨论， 你随时可以打开这个项目，我把链接放在这里https://github.com/vuejs/rfcs。Vue 3 正在讨论中的新需求，任何人都可以围观、参与讨论和尝试
转载
2023-10-14 23:27:37
322阅读
在现代前端开发中，TypeScript 和 Vue 3 的结合使得构建复杂的用户界面变得更加可靠和高效。但在迁移到 TypeScript Vue 3 版本时，我们经常会遇到不兼容或配置问题。本文将深入探讨这些问题，并提供系统性的解决方案。
## 版本对比
在开始迁移之前，我们需要了解 TypeScript 和 Vue 3 之间的版本差异，以及它们对项目兼容性的影响。
**兼容性分析**
|
# Vue 3 中使用 Axios 的全面指南
Vue.js 是一个流行的前端框架，用于构建用户界面。而 Axios 是一个基于 Promise 的 HTTP 客户端，能够在浏览器和 Node.js 中进行请求。当我们使用 Vue 3 进行开发时，结合 Axios 可以使得处理网络请求变得更加简单高效。在本篇文章中，我们将介绍如何在 Vue 3 中使用 Axios，包括基本使用方法、错误处理、和
return { user, setUser, delUser }
}, {
persist: true // 开启持久化
})
if (import.meta.hot) {
import.meta.hot.accept(acceptHMRUpdate(useUserStore, import.meta.hot))
}>
> 注意：这里有个import.meta.hot判
文章目录一、Vue3 基础环境配置1、 检查当前 node 版本：（`需要 node 在10 及以上`）2、 安装 vue-cli 脚手架：3、创建项目：4、 自定义Eslint 规则:二、Vue3新特性详解1. ref（Vue3 响应式 API） 的妙用：2、reactive3、toRefs4、了解 vue3 生命周期生命周期钩子函数的使用：5、自定义 hooks `（重点）`6、Telepo
转载
2023-12-26 12:21:30
120阅读
我们非常高兴地宣布 Element Plus 稳定版正式发布。自第一个 commit 起，经过 1 年零 7 个月的持续迭代开发，总计 2635 commits，经过 256 位贡献者所提交的 2494 个 PR，137 个 Alpha 与 Beta 版本，在社区每一位同学的参与帮助下，Element Plus 的第一个正式版终于和大家见面。1重大更新TypeScript 与 Vue 3Eleme
转载
2024-02-05 22:08:59
131阅读
Vue 3 介绍Vue3 动机 和 新特性Vite 的使用为什么选 Vite 为什么要学习 vue 3 Vue是国内最火的前端框架Vue 3 于 2022 年 2 月 7 日星期一成为新的默认版本！Vue3性能更高，体积更小Vue3.0在经过一年的迭代后，越来越好用目前已支持 vue3 的UI组件库:element-plushttps://element-plus.gitee.io/#/zh-C
转载
2023-12-06 19:43:20
141阅读
跳转目录?篇章知识点Vue3之邂逅 (一)初识Vue3，使用Vue3，体验Vue3，声明式与命令式编程，MVVM模型，Vue的optionsVue3之模版语法(二)Mustache插值语法，常见基本指令，v-bind绑定属性，绑定class和style，v-on绑定事件，Vue的条件渲染1.认识Vue✨Vue(Vue.js)是一套用于构建用户界面的渐进式JavaScript框架
基于标准HTML、
转载
2024-06-16 09:39:32
107阅读
# Vue 3 与 TypeScript 的集成开发指南
## 一、流程概述
在开始开发 Vue 3 + TypeScript 项目之前，我们首先需要了解整个流程的步骤，以下是一个简单的概述表：
```markdown
| 步骤编号 | 步骤描述 | 具体操作 |
| -------- | --------
# 使用 Vue 3 与 Redis 创建全栈应用
## 引言
本文旨在帮助初学者理解如何使用 Vue 3 开发前端应用，并通过 Redis 作为后端存储。我们将逐步介绍项目的流程，包含完整的代码示例、关系图和类图。以下是大致流程：
## 项目的基础流程
| 步骤 | 描述 |
|------|------|
| 1 | 安装 Vue CLI 和创建 Vue 项目 |
| 2
1： vue 3.0 新特性 数据响应式数据重现（由ES6的proxy 替换ES5的Object.defineProperty）2: 源码使用typeascript 重新编写）（更好的类型推断）3： VDOM 新算法（更快， 高小）；4： 提供了composition API, 为了更好的逻辑复用和代码组织5： Fragment： 模板可
