vue-quill vueup quill vue
vue2源码-十五、Vue.set方法是如何实现的
Vue.set方法是如何实现的 vue.set 方法是vue中一个补丁方法（正常我们添加属性是不会触发更新的，我们数组无法监控到索引和长度） 如何实现的 我们给每一个对象都添加了一个 dep 属性 vue3 中不需要此方法了（当属性添加或者删除时，手动触发对象本身的 dep 来进行更新） 源码： / ......
React和Vue的区别
React和Vue是两个非常流行的JavaScript框架，用于构建前端Web应用程序。以下是它们之间的一些区别： 模板语法：Vue使用模板语法，它允许您在HTML模板中嵌入Vue代码，类似于AngularJS。React使用JSX语法，它允许您将JavaScript代码嵌入HTML模板中。 数据绑 ......
vue3+vite自适应PC端
1、下载包pnpm add lib-flexible-computer postcss-px2rem px2rem-loader -D2、在main.ts里引入import "lib-flexible-computer";3、在vite.config.ts写入import px2rem from " ......
Vue3中slot插槽使用方式
********************************** Vue3中slot插槽使用方式****************************************************参考：https://huaweicloud.csdn.net/638eab83dacf622b ......
vue解决跨域问题
1、若项目用vue init webpack appname 创建的解决跨域问题如下 在config文件夹的index.js文件里proxyTable{}中添加以下代码即可: proxyTable: { '/api': { //本地服务接口地址 target: 'http://....', ws: ......
Vue中...（三个点）的意思
属于ES6的语法，三个点代表扩展运算符 var a = { name: '张三', age: 25 } var b = { job: 'web前端', ...a } // 相当于 var b = { job: 'web前端', name: '张三', age: 25 } ......
Vue3 调用本地服务接口失败三次提示下载并安装本地服务
Vue3 调用本地服务接口失败三次提示下载并安装本地服务 Vue3 调用本地服务接口，如果失败，则再尝试调用 2 次，如果 3 次都失败了，就提示下载本地服务 exe 安装包，并提供下载链接，请告诉我实现的代码 以下是一个用于调用本地服务接口，并在失败时尝试重新请求，尝试重新请求 2 次，如果仍然失 ......
vue中的箭头函数 =>
1、无参数 var f = () => 5; // 等同于 var f = function () { return 5 }; 2、有参数 var sum = (num1, num2) => num1 + num2; // 等同于 var sum = function(num1, num2) { r ......
vue-element-admin报错Error: error:0308010C:digital envelope routines::unsupported的解决方案
安装vue-element-admin报错 node js Node.js v18.15.0 opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digi ......
Ant Design Vue 方法执行确认框实现
methods: { handleSync() { this.$confirm({ title: this.$t('Confirm2SyncMessage'), //提示内容 okText: this.$t('Confirm-OK'), //确定按钮文字 cancelText: this.$t('C ......
动力节点老杜Vue框架教程【二】Vue核心技术
Vue.js是一个渐进式 MVVM 框架，目前被广泛使用，也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性，也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯！ 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 视 ......
Vue3---error xx should be on a new line
ESLint: ':render-header' should be on a new line.(vue/max-attributes-per-line) 此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的 "vue/max-attri ......
vite + vue3 + vue-router4 + ts + element plus + pinia + axios构建项目
最后是完整的vite.config.ts、main.ts配置 1、先用vite创建一个项目 npm create vite@latest 2、安装element plus yarn add element-plus @element-plus/icons-vue vite.config.ts配置组件 ......
使用Vue实现点击事件变颜色并且显示选中文字
首先需要引入Vue.js!!!!! 直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../static/vue.js"></script> < ......
老杜Vue实战教程完整版笔记（二）Vue核心技术
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
老杜2023最新Vue实战精讲（二）Vue核心技术
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
vue3 拖拽操作学习
AS-Editor组件 git: https://gitee.com/was666/as-editor/tree/vue3.x/ 体验：http://was666.gitee.io/as-editor/#/home ......
vue3中如何引入element-icon并使用
简单来说，步骤就是： 安装——注册——按需引入——使用 安装 # NPM $ npm install @element-plus/icons-vue # Yarn $ yarn add @element-plus/icons-vue # pnpm $ pnpm install @element-pl ......
Vue2项目实战尚品汇 项目的路由分析
视频 5）路由的配置 vue-router 路由分为KV node平台（并非语言） 对于后台而言:K即为URL地址 V即为相应的中间件 http://localhost:8080/0607 app.get("/0607",(res,req)=>{ res.send('我是祖国的老花骨朵'); }); ......
Vue2项目实战尚品汇 项目的其他配置
视频 终止cmd的处理，快捷键：ctrl+c 清屏快捷键：cls VSCode添加新建文件夹的快捷键 Shift + A 3)脚手架下载下来的项目稍微配置一下 3.1:浏览器自动打开 在package.json文件中 "scripts": { "serve": "vue-cli-service se ......
vue3-sign 手写签名组件
一个简易签名组件，基于vue3和canvas。 #安装 npm i @sangtian152/vue3-sign -S # or yarn add @sangtian152/vue3-sign 引入 在 main.js 中写入以下内容： import { createApp } from 'vue' ......
vue3+jointjs 使用模板添加元素
关于如何在 Vue3 和 JointJS 中使用拖拽模板来创建节点元素，可以按照以下步骤进行： 1. 安装 JointJS 使用 npm 进行安装： ``` npm install jointjs ``` 2. 在 Vue3 中创建 JointJS 容器 在 Vue3 中创建一个组件，用于创建 Jo ......
前端vue使用jsencrypt进行RAS加密/解密
前端 安装： npm install jencrypt --sava 在utils下创建jsencrypt.js文件，内容如下： import JSEncrypt from "jsencrypt/bin/jsencrypt.min"; /** RSA秘钥对生成网站 http://web.chacuo ......
Vue2项目实战尚品汇 vue-cli脚手架初始化项目&项目结构解释
视频 下了vue vscode snippets，然后直接输入vbase就可以生成代码片段 2)脚手架使用 2: vue init webpack 项目的名字 3|4：vue create 项目名称 脚手架目录:public + assets文件夹区别 node_modules:放置项目依赖的地方 ......
4.Vue 中的 ajax
4.Vue 中的 ajax 作用：使用代理服务器，解决开发环境 Ajax 跨域问题 4.1.配置代理 4.1.1.方式1 在vue.config.js中添加如下配置： devServer:{ proxy:"http://localhost:5000" } 优点：配置简单，请求资源时直接发给起前端 ......
vue项目中引入echarts中国地图
最近项目中根据项目需求，展示中国地图 一、下载echarts插件（我这里使用的是 4.9.0 版本） npm install echarts@4.9.0 --save 二、在需要使用的页面引入echarts （这里是单独封装了地图组件） components/map.vue <template> < ......
vue2源码-十四、computed和watch的区别
computed和watch的区别 computed 和watch的相同点。底层都会创建一个 watcher（用法的区别：computed 定义的属性可以在模板中使用，watch 不能在视图中使用） computed 默认不会执行 只有取值的时候才会执行 内部会维护一个 dirty 属性，来控制依赖 ......
vue关于请求消息没问题但是还是进入catch块（已解决）
第一次使用vue中的拦截器，一开始是在拦截器的逻辑代码上有问题（也有可能没问题），然后请求和响应都是没问题的，但是请求之后就是不跳转，然后发现是设置了拦截器的问题，折磨了下拦截器保证了代码能够顺利运行到resolve，但是发现即便是resolve后回到原本的代码中，代码还是运行到catch块中去。因 ......
Vue关于beforeRouteEnter以及beforeRouteLeave函数的运用
先上代码 beforeRouteEnter:(to,from,next)=>{ console.log("进入路由之前") next(vm =>{ vm.getData(); }); }, beforeRouteLeave:(to,from,next)=>{ console.log("进入路由之后" ......
vue3+jointjs demo
下面是使用Vue3和JointJS添加元素的示例代码： 1. 安装JointJS ```terminal npm install jointjs --save ``` 2. 创建JointJS图形 ```javascript import { ref, onMounted } from 'vue'; ......