总结 | vue3项目初始化（附相应链接）
如何运行 vue 项目：vscode运行vue项目_vscode启动vue项目命令-CSDN博客 vue3项目搭建 + 目录管理 + git管理：vue3项目搭建并git管理_git 新建vue3项目-CSDN博客 目录调整：vue3项目 - 目录调整-CSDN博客 vscode中快速生成vue3模...
vue3通过el-cascader实现动态菜单切换页面
如果只有一级菜单只会显示一个按钮 <div style="width: 100%; margin-top: 10px; display: flex; align-items: center; border-bottom: 1px solid #ccc;"> <templat...
Ant Design Vue和VUE3下的upload组件使用以及文件预览
Ant Design Vue和VUE3下的upload组件使用以及文件预览 文章目录 Ant Design Vue和VUE3下的upload组件使用以及文件预览一、多文件上传1.需求2.样例3.代码二、单文件上传1. 需求2. 样例3.代码二、多文件上传产生的时间超时问题三、文件系统名称更...
学习vue3 第四章（reactive全家桶）
reactive 用来绑定复杂的数据类型 例如 对象 数组，它是不可以绑定普通的数据类型，会报错 数组异步赋值问题，会脱离响应式 import { reactive } from 'vue'let person = reactive<number[]>([])setTimeout(() ...
Reactive: Vue3数据更新但是表单没有更新
这两天在折腾前端， 因为前端基础不牢靠， 所以，通常都是猜一半， 查一半， 基本上也就是个面向百度编程。 过程中碰到了一个问题， 就是在编辑table的时候， 明明我把pinia的数据缓存更新了， 但是table的数据却没有更新， 其他地方也差不多是这样， 打印了各种log， 结果发现数据确实更新了...
vue3 ref 和 reactive 区别-示例
// 使用 ref const count = ref(0); // 在模板中使用 count.value 来显示或绑定 // 在 JavaScript 中访问或修改 count.value // 使用 reactive const state = reactive({ count: 0 }); ...
【小白成长记】vue3项目中通过globalProperties定义与使用全局数据
vue3项目中有一个全局的字典文件dic.js，里面定义的都是一些公共字段映射值，如： dic.jsexport default {typeMap:{1:'自动',2:'手动'},...} main.js中： 首先引入这个文件通过createApp()创建组件实例app将dic暴露出来的数据对象挂载...
Vue3基础速成
Vue常用语法 {{ }} 变量、表达式渲染{{ }} 用于输出对象属性和函数返回值 <div id="hello-vue" class="demo"> {{ message }}</div><script> const HelloVueApp = {...
vue3路由的使用，保证你有所收获！
路由变量有的小伙伴，可能是第一次听见路由变量这个词。什么是路由变量了，顾名思义就是这个路由地址是动态的，不是固定的。它的运用场景是哪里呢？比如说:1.详情页的地址，...
Vue3 面试题
Vue3 面试题 题目 Vue 3和Vue 2有什么区别？什么是Composition API？？Vue 3中的Teleport是什么？？Vue 3中的Reactive API是什么？Vue 3中的Vite是什么？ Vue 3中的Suspense是什么？ Vue 3中的Fragments是什么？Vu...
vue3知识点的自我总结
1. 我们对ref的错误理解ref 经常去监听基本数据类型。同时也可以去监听【数组】【对象】都是可以的。ref是深度的监听。并不是大家说的那样不能去监听复杂的数据类...
玩转Vue3之Composables
前言Composables 称之为可组合项，熟悉 react 的同学喜欢称之为 hooks ，由于可组合项的存在，Vue3 中的组件之间共享状态比以往任何时候都更容易。这种新范例引入了一种更有组织性和可扩展性的方式来管理整个应用程序的状态和逻辑。什么是Composables本质上，可组合项是一种模式...
vue3中watch侦听器的使用
侦听器（watch）是vue的核心语法之一，用于监听数据的变化情况。在写项目时经常会遇到，但经常忘记，重新学习了一下尚硅谷的vue3视频，记录一下最新的用法情况 作用：监视数据的变化（和Vue2中的watch作用一致）特点：Vue3中的watch只能监视以下四种数据： ref定义的数据。react...
笔记 解决vue3动态绑定本地图片失效问题
不少人在vue的开发中遇到这样一个问题： img的src属性绑定url变量，然而图片加载失败。大部分的情况中，是开发者使用了错误的写法，例如：<img src...
Vue3搭建后台管理系统模板
1、搭建后台管理系统模板 1.1项目初始化 从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范，需要使用pre...
记录vue3导入并使用echarts自定义主题文件设置统一图表样式-第三步：在main.js文件写入以下代码
import {createApp} from 'vue'import App from './App.vue'import router from "@/router/index.js" // 导入路由import * as echarts from "echarts"import("@/as
「Vue3系列」Vue3 混入（mixins）-三、vue3 全局混入
在 Vue 3 中，全局混入（Global Mixins）意味着你想要将某些功能或属性混入到所有的 Vue 组件实例中，而不仅仅是单个组件。全局混入在 Vue 2 中是通过 Vue.mixin() 方法实现的，但在 Vue 3 中，由于架构的改变，并没有直接提供全局混入的方法。 不过，你仍然可以通...
在明确自己已经下载好了依赖库,但Vue3引用第三方模块报错Could not find a declaration file for module ***
在 Vue 3 + TypeScript 项目中，引入第三方库时，有时会遇到该模块无定义文件的问题。通常，我们可以尝试以下两种方式解决: 方法 1: 使用 require 语句 在 TypeScript 文件中，使用 require 语句来代替 import 语句，例如: const XXX = r...
Vue3学习（二十二）- 保存文档内容
写在前面前面已经调整了布局，富文本编辑器也能正确显示了，那么接下来就是怎么把数据保存到数据库里了，那么怎么做呢？保存文档内容并显示1、任务拆解前端获取输入富文本框的html内容改造保存接口，增加内容参数，保存时同时保存文档内容2、改造保存接口，增加内容参数增加一个字段content，示例代码如下：@...
VUE3 原生JS上传图片（支持多张上传）并实现预览删除功能
<template> <!-- 上传后显示 --> <div id="look"> <div id="look_img" v-for="(item, index) in imgSrc" :key="index"> <img :...