devtools浏览器edge vue

通过配置代理的方式： 后端接口在浏览器已通  前端接口： ![](https://img2023.cnblogs. ......

作为Java程序员，vue3还是有必要学的，我推荐学会了vue3基础的Java工程师，尝试搭建自己的后台管理模板，这是提高vue3熟练度最快的方式。 ......

一、MVVM模型（model-view-viewmodel） ......

为什么要使用mitt？因为vue3已经没有提供配套的事件总线bus，需要使用第三方库mitt来完成vue2中bus完成的事情 第一步：安装mitt npm install mitt1第二步：在项目的js文件中导入mitt（局部注册） // mitt.js文件import mitt from 'mit ......

1. 配置路由规则，使用children配置项： ```js routes:[ { path:'/about', component:About, }, { path:'/home', component:Home, children:[ //通过children配置子级路由 { path:'new ......

1. 路由组件通常存放在```pages```文件夹，一般组件通常存放在```components```文件夹。 2. 通过切换，“隐藏”了的路由组件，默认是被销毁掉的，需要的时候再去挂载。 3. 每个组件都有自己的```$route```属性，里面存储着自己的路由信息。 4. 整个应用只有一个ro ......

好家伙， 1.<template>去哪了 在正式内容之前,我们来思考一个问题, 当我们使用vue开发页面时,<tamplete>中的内容是如何变成我们网页中的内容的? 它会经历四步: 解析模板：Vue会解析<template>中的内容，识别出其中的指令、插值表达式（{{}}），以及其他元素和属性。 ......

用到插件 vue-canvas-poster 具体的使用方法： html: <vue-canvas-poster :widthPixels="0" :painting="painting" @success="success" @fail="fail" ></vue-canvas-poster> < ......

使用web worker可以进行多线程的数据处理, 我们可以把包含大量数据的逻辑交给webworker, 能避免在数据处理过程中造成的页面卡顿. 1.首先, 你可以在项目根目录的任意目录下, 新建一个webworker的文件 直接调用预置方法postMessage来传递数据, 使用onmessage ......

#### 前置内容 可以使用v-directive注册自定义指令，要想自定义指令的功能，需要先了解指令定义对象的钩子函数和钩子函数参数（参考官网内容） ##### 钩子函数 * `bind`：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 * `inserted`：被绑定 ......

在一样的情况下，computed的性能会高于watch，所以大部分情况使用computed会更好。 但是，它们也有各自的优缺点： computed计算属性： 1. 能够实时监听data里面绑定的数据（包括vueX），但是其余数据的改变是监听不到的。 2. 适用于需要计算的一个值被多个数据影响的情况， ......

```JS ``` ......

二、Linux 安装nginx 在Linux上安装NGINX的步骤如下： 打开终端（命令行界面）。 使用以下命令安装NGINX： 对于Ubuntu/Debian系统： sudo apt-get install nginx 对于CentOS/RHEL系统： sudo yum install nginx ......

### 组件传值 ``` // 父组件 export default function Tab(props: any) { const [serverUrl, setServerUrl] = useState('https://'); console.log(props); // 父组件接受子组件的 ......

步骤如下： 一、安装vite npm install -g create-vite 二、创建vue程序，不需要先创建好空的文件夹，直接执行下面的代码即可 create-vite test --template vue 三、使用npm引入element-plus npm install element ......

# 一、安装 ``` npm i mitt ``` ``` pnpm i mitt ``` ``` yarn add mitt ``` # 二、使用 ## （一）、当前组件内使用 ```javascript import mitt from 'mitt' //创建一个事务总线 const emitt ......

比如用axios请求到数据，如果是用的then，那直接赋值给data对象里的属性。但是有情况是需要外部赋值，那就是异步请求的问题，外部打印接收赋值的变量为空，但是then里面打印，并且是带有{__ob__: Observer }，这是vue本身对数组对象的监控器，没什么影响，你赋值那肯定监听，并不是 ......

MacBook 搭建 VUE3 开发环境 作者：IT蜗壳-Tango 2021-11-06 本文字数：552 字 阅读完需：约 2 分钟 最近在看“大圣”老师的《玩转 Vue 3 全家桶》专栏。目前（2021.11.6）还在连载中，今天就一起在 Mac 上搭建一下开发环境。 1. 安装 Node.j ......

通过axios异步获取数据后传值 问题：在项目中一般是通过接口请求到数据后再传递给子级，provide和inject如果直接再调用接口的方法内传值会报警告，而且值也传递不过去。就是说provide()必须在setup根节点处才能使用，在方法里面用是不行的 但是，直接在setup根节点处传递，由于数据 ......

在工作中，我们会遇到需要在浏览器页面上进行大量重复操作的问题。 一、可以通过编写和在浏览器控制台执行脚本解决问题。 示例脚本1： $('[id="processFormSubmitNext"]').click(); $('[title="结束办理"]').click(); $('[id="comme ......

vue3 创建项目的时候卡顿，比较慢 使用 vue3 命令 vue create vue3-element-plus-admin 创建项目时，一直出现卡顿，导致无法创建项目，如下： 解决办法： 1、检查 npm 源： //查看源，可以看到设置过的所有的源 $ npm config get regis ......

## 一、背景 之前在做录制回放平台的时候，需要前端展示子调用信息，子调用是一个请求列表数组结构，jsoneditor对数组的默认展示结构是[0].[1].[2]..的方式，为了达到如下的效果，必须用到 onNodeName的钩子函数，因此深入调研了下vue3如何集成jsoneditor 最后做出来 ......

**qiankun: https://qiankun.umijs.org/zh/guide** **demo源码gitee：https://gitee.com/philippines-kisses-snow/qiankun-demo** > 官方对微应用的说明：通常这种场景下微应用是一个不带路由的可 ......

vue3之跳转页面时判断是否跳转 onBeforeRouteLeave((to, from, next) => ( if (ruleAllChange .value）{ ElMessageBoxconfirm( "数据未保存，请问是否继续跳转？", "确认" {confirmButtonText:" ......

今天遇到一个奇怪的问题，Chrome浏览器访问web网站时，没有报错，却一直处于空白页面，刷新也不好使，回想一会前还能正常访问的，这会就不行了 1、第一个想到的就是换浏览器，立刻换了火狐，edge浏览器，页面都能正常加载，用Chrome无痕模式访问也正常，所以确定web服务端没有问题，想肯定是浏览器 ......

# Vue 项目使用socket.io 使用library *socket.io-client* 或者 *vue-socket.io* npm install socket.io-client || npm install vue-socket.io ## 使用*socket.io-client* ......

一、在做完项目之后直接执行npm run build命令，出现空白 1、打包后的dist目录下的文件引用路径不对，会因为找不到文件而报错导致白屏1解决办法：修改一下config下面的index,js中Build模块导出的路径因为index.html里边的内容都是通过script标签引入的，而你的路径 ......

` ` ts的代码： `` 相当于 v-model ` ` 主要是因为 uniapp 的v-model 编译之后无法支持 微信小程序，所以要麻烦很多 转成 :value + @change 来实现 ......

* 正在执行任务: npm run build > selection-tool@1.0.0 build> node build/build.js - building for production...(node:8992) Warning: Accessing non-existent prop ......

1.在命令行中执行：npm install animate.css --save 2.main.js 中： import animated from 'animate.css' // npm install animate.css --save安装Vue.use(animated) 3.使用 <di ......