reactive effect vue 3.0
简析Vue的响应式(或叫双向数据绑定)及其原理
上一讲，我们讲Vue和React异同的时候，讲到Vue是响应式的，那么这个响应式到底具体是什么样的？这一讲，我们来仔细看看这个话题。 简单点来说，就是在Vue的数据变量值变化时，变化可以同步到视图；在视图值变化时，视图的值变化可以同步到Vue的数据变量（注意：这里的数据变量是指Vue实例的data属 ......
轻松理解Vue和React的异同
在前端界，Vue和React最近几年一直是我们开发前端项目的两个主流选项。但作为一个想要学习使用框架最快速开发应用的新人我应该先学习哪个？或者说当我们在开发一个新项目时，到底具体是应该选择用Vue呢？还是应该选择用React？这两个的区别是什么？联系是什么？这篇文章，我尽量用最简单的语言来试图阐述我 ......
vue 报错：npm ERR! peer eslint@">= 1.6.0 < 7.0.0" from @vue/cli-plugin-eslint@4.5.19
npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! npm ERR! While resolving: admin@0.1.0npm ERR! Found: eslint@7.32.0np ......
Vue源码学习(一):数据劫持(对象类型)
好家伙,了解一下Vue如何实现数据劫持 1.Vue中data的使用 首先,我得搞清楚这玩意的概念,我们先从vue的使用开始吧 想想看,我们平时是如何使用vue的data部分的? 无非是这两种情况 (你可千万不要带着惊讶的表情说"啊!原来有两种写法的吗") //函数写法 data() { return ......
vue3封装筛选项
### 背景 #### 项目开发中遇到筛选项，并且几个页面都有使用，依次写，太过于繁琐 ### 筛选项解构如下  ......
从零开始一个vue3前端项目day02-vite配置篇
完成了路由的配置，就准备进行页面开发等了 ，与此同时我们也要对所使用到的组件库进行一个引入和配置 本次项目采用element-plus组件库全局导入肯定是不可取的，推荐参照官网的按需自动引入 然后就是导入文件路径配置 在项目中我们想import文件使用.././这种方式引入非常麻烦，所以我们可以配置 ......
pageoffice 6 Vue+Springboot磁盘路径打开文档
- 本示例关键代码的编写位置 [Vue+Springboot](https://www.pageoffice.cn/pages/f76d87/ "Vue+Springboot") **注意 本文中展示的代码均为关键代码，复制粘贴到您的项目中，按照实际的情况，例如文档路径，用户名等做适当修改即可使用。 ......
问题（Uncaught ReferenceError: vue is not defined）和解决方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
从零开始一个vue3前端项目day02-路由配置
把整体项目框架搭建好之后，首先就是对我们的路由进行配置 模块化配置路由，不同页面的路由配置单独放在文件里 config文件用来放路由守卫配置 这里来说一下路由守卫的作用， https://router.vuejs.org/zh/guide/advanced/navigation-guards.htm ......
Vue+Elemnt-UI遍历生成form-item并为其绑定校验规则
需求：接口获取数据，动态渲染表单（文本框类型，内容，标签，是否必填） 参照博主：blog.csdn.net/qq_33769914/article/details/122449601 遇到的问题：1.通过对单个item绑定的校验规则不生效（表现为：不弹提示，或填了内容依旧提示） 2.提示出现后通过c ......
VUE2+Swiper（H5邀请函开发）
#1、引入swiper * 安装固定版本 ``` npm i swiper@5.3.6 npm i vue-awesome-swiper@4.0.4 ``` #2、下载 `https://3.swiper.com.cn/download/index.html` 1. 下载 animate.min.c ......
.Net 6/NetCore3.1 Vue Element Uniapp前后端分离低代码快速开发框架
# .Net 6/Net Core Vue Element Uniapp前后端分离低代码快速开发框架 这是一个能提高开发效率的开发框架，全自动生成PC与移动端(uniapp)代码;支持移动ios/android/h5/微信小程序。 # 一、框架能做什么 1、前后端分离项目 2、纯后端项目 3、移动端 ......
vue3 甘特图（一）：选择与初始化甘特图
vue3 甘特图（一） 1.功能使用背景： 甘特图是一种项目管理工具，以图形直观的方式显示项目的时间轴和任务计划 2.vue3 初始化甘特图 gantt 2.1 下载安装 dhtmlx-gantt 依赖包 npm install dhtmlx-gantt -save 2.2 引入插件 import ......
当vue的el-dialog弹窗出现层级问题时，加个:append-to-body="true"
1、当dialog弹窗出现在遮罩层下面时，如这种情况： 2、解决办法就是，加个:append-to-body="true" 属性，效果如下： 。 ......
数据可视化【原创】vue+arcgis+threejs 实现流光立体墙效果
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材： 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs的context关联，然后再写个子类继承它，这部 ......
node、npm版本升级，同时解决升级后vue项目运行报错
升级node和npm 1、首先，需要确定当前安装的Node.js的版本。可以通过在命令行中运行以下命令来查看： node -v 2、如果当前版本较旧，可以考虑升级到最新版本。可以访问Node.js官方网站（https://nodejs.org/）下载最新的Node.js安装包。 不想下载最新的版本， ......
vue存储库-----pinia
# vue存储库 pinia和vuex ### pinia与vuex的区别 （1）pinia它没有`mutation`,他只有state，getters，action【同步、异步】使用他来修改state数 （2）pinia他默认也是存入内存中，如果需要使用本地存储，在配置上比vuex麻烦一点 （3） ......
vue3中使用swiper的完整版教程
在 vue3 中使用 swiper, 实现轮播图的效果；如果组件样式等模块引入不当，很有可能导致，页面无效果；或者想要的箭头或者切换效果异常问题。 使用命令 npm install swiper 安装 swiper插件； 在main.js里使用样式文件，如下所示： 注意需要安装：npm instal ......
npm install安装vue-element-admin报错
## 报错信息 ``` npm WARN deprecated left-pad@1.3.0: use String.prototype.padStart() npm ERR! Error while executing: npm ERR! C:\Program Files\Git\cmd\git. ......
vue-treeselect的组件使用
一 先通过npm 安装 vue-treeselect 二 页面中引入,声明组件 三 页面使用 data中的数据 最终效果图 ......
Vue3 使用重点记录
节选于教程: Vue3 入门指南与实战案例 1.响应式API 1.1 ref Ref 对象的值的读取，切记！必须通过 .value 例子: // 读取一个字符串 const msg: string = 'Hello World!' console.log(msg) // 读取一个数组 const u ......
vue项目切换语言方法
随便打开一个网页 右键 - 审查元素 粘贴入以下代码： var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javas ......
vue3探索——组件通信之依赖注入
# 背景 通常情况下，当我们需要从父组件向子组件传递数据时，会使用 **props**。想象一下这样的结构：有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下，如果仅使用 props 则必须将其沿着组件链逐级传递下去，这会非常麻烦： ! ......
vue
第一课 第一件事情：课程前言 学习内容规划： 框架概述 前言复习 前端框架 页面+数据库业务实战 第二件事情：前段框架 1.为什么需要前端框架？ 当前前端开发的状态 前端基础语言： html：构建页面内容结构 css：美化和布局页面内容 Javascript：提供交互能力和动态 三者整合就是我们看到 ......
Vue+Element ，如何给一个表单设置自定义规则或多个验证规则
> 依旧是公司里那个Vue+Element UI的项目。今天遇到了一个新的问题：表单中某个选择器的值不同，控制着下面表单内容是否显示。放图： ![](https://img2023.cnblogs.com/blog/1798914/202308/1798914-20230830201404126-1 ......
Django+Vue+Websocket+宝塔的部署历程
#### 必须得吐槽一下CSDN，两三页的搜索内容都是抄来抄去的，而且内容都是过时不适用的，真不知道意义何在. ## 本文章环境版本如下 + Python 3.10 + Django 3.2.3 + Vue3 ### 注:本文为腾讯云服务器一键部署的宝塔环境，所以本文不涉及宝塔的安装步骤，可以自行找 ......
Vue报错 Error in destroyed hook: "TypeError: xxx is not a function”
## 问题 将项目npm run build打包以后，进入项目本地文件夹dist，打开index.html，页面空白并且报如下错误 ![image](https://img2023.cnblogs.com/blog/2911541/202308/2911541-20230830192813812-7 ......
记录--vue 拉伸指令
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在我们项目开发中,经常会有布局拉伸的需求,接下来 让我们一步步用 vue指令 实现这个需求 动手开发 在线体验 codesandbox.io/s/dawn-cdn-… 常规使用 解决拉伸触发时机 既然我们使用了指令的方式,也就是牺牲 ......