模版 语法vue3 vue
vue--day79---路由的几个注意点
1. 路由组件通常存放在```pages```文件夹，一般组件通常存放在```components```文件夹。 2. 通过切换，“隐藏”了的路由组件，默认是被销毁掉的，需要的时候再去挂载。 3. 每个组件都有自己的```$route```属性，里面存储着自己的路由信息。 4. 整个应用只有一个ro ......
Vue源码学习(二):<templete>渲染第一步,模板解析
好家伙， 1.<template>去哪了 在正式内容之前,我们来思考一个问题, 当我们使用vue开发页面时,<tamplete>中的内容是如何变成我们网页中的内容的? 它会经历四步: 解析模板：Vue会解析<template>中的内容，识别出其中的指令、插值表达式（{{}}），以及其他元素和属性。 ......
语法介绍
```sql -- 循环累加 declare var_sum number := 0; begin for i in 35001 .. 39999 loop var_sum := var_sum + i; update NewGoods set GoodsRef=CONVERT(GoodsRef, ......
vue 生成海报并下载
用到插件 vue-canvas-poster 具体的使用方法： html: <vue-canvas-poster :widthPixels="0" :painting="painting" @success="success" @fail="fail" ></vue-canvas-poster> < ......
markdown语法
# markdown语法 (“#”指的是标题的级别，一级一个#，二级两个##，以此类推)+空格+标题内容 标题的使用 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ** +字体 ** 加粗字体 **加粗** *+空格 无序列表圆点 * 无序列表1 * 无序 ......
在vue项目中使用webWorker
使用web worker可以进行多线程的数据处理, 我们可以把包含大量数据的逻辑交给webworker, 能避免在数据处理过程中造成的页面卡顿. 1.首先, 你可以在项目根目录的任意目录下, 新建一个webworker的文件 直接调用预置方法postMessage来传递数据, 使用onmessage ......
vue自定义指令
#### 前置内容 可以使用v-directive注册自定义指令，要想自定义指令的功能，需要先了解指令定义对象的钩子函数和钩子函数参数（参考官网内容） ##### 钩子函数 * `bind`：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 * `inserted`：被绑定 ......
vue中computed和watch的区别
在一样的情况下，computed的性能会高于watch，所以大部分情况使用computed会更好。 但是，它们也有各自的优缺点： computed计算属性： 1. 能够实时监听data里面绑定的数据（包括vueX），但是其余数据的改变是监听不到的。 2. 适用于需要计算的一个值被多个数据影响的情况， ......
Vue + GitLab 实现自动化部署
二、Linux 安装nginx 在Linux上安装NGINX的步骤如下： 打开终端（命令行界面）。 使用以下命令安装NGINX： 对于Ubuntu/Debian系统： sudo apt-get install nginx 对于CentOS/RHEL系统： sudo yum install nginx ......
Vue/React对比学习
### 组件传值 ``` // 父组件 export default function Tab(props: any) { const [serverUrl, setServerUrl] = useState('https://'); console.log(props); // 父组件接受子组件的 ......
使用vite创建vue程序，同时引入element-plus
步骤如下： 一、安装vite npm install -g create-vite 二、创建vue程序，不需要先创建好空的文件夹，直接执行下面的代码即可 create-vite test --template vue 三、使用npm引入element-plus npm install element ......
vue3 | mitt的基本使用
# 一、安装 ``` npm i mitt ``` ``` pnpm i mitt ``` ``` yarn add mitt ``` # 二、使用 ## （一）、当前组件内使用 ```javascript import mitt from 'mitt' //创建一个事务总线 const emitt ......
关于vue data数据{__ob__: Observer }的问题
比如用axios请求到数据，如果是用的then，那直接赋值给data对象里的属性。但是有情况是需要外部赋值，那就是异步请求的问题，外部打印接收赋值的变量为空，但是then里面打印，并且是带有{__ob__: Observer }，这是vue本身对数组对象的监控器，没什么影响，你赋值那肯定监听，并不是 ......
MacBook 搭建 VUE3 开发环境
MacBook 搭建 VUE3 开发环境 作者：IT蜗壳-Tango 2021-11-06 本文字数：552 字 阅读完需：约 2 分钟 最近在看“大圣”老师的《玩转 Vue 3 全家桶》专栏。目前（2021.11.6）还在连载中，今天就一起在 Mac 上搭建一下开发环境。 1. 安装 Node.j ......
vue3 使用provide inject父子组件传值传不过去且传递后子组件不具备响应性
通过axios异步获取数据后传值 问题：在项目中一般是通过接口请求到数据后再传递给子级，provide和inject如果直接再调用接口的方法内传值会报警告，而且值也传递不过去。就是说provide()必须在setup根节点处才能使用，在方法里面用是不行的 但是，直接在setup根节点处传递，由于数据 ......
vuejs3.0 从入门到精通——vue3创建项目的时候卡顿，比较慢
vue3 创建项目的时候卡顿，比较慢 使用 vue3 命令 vue create vue3-element-plus-admin 创建项目时，一直出现卡顿，导致无法创建项目，如下： 解决办法： 1、检查 npm 源： //查看源，可以看到设置过的所有的源 $ npm config get regis ......
【网络爬虫笔记】爬虫Robots协议语法详解
Robots协议是指一个被称为Robots Exclusion Protocol的协议。该协议的主要功能是向网络蜘蛛、机器人等搜索引擎爬虫提供一个标准的访问控制机制，告诉它们哪些页面可以被抓取，哪些页面不可以被抓取。本文将进行爬虫Robots协议语法详解，同时提供相关代码和案例。 1. Robots ......
vue3集成jsoneditor
## 一、背景 之前在做录制回放平台的时候，需要前端展示子调用信息，子调用是一个请求列表数组结构，jsoneditor对数组的默认展示结构是[0].[1].[2]..的方式，为了达到如下的效果，必须用到 onNodeName的钩子函数，因此深入调研了下vue3如何集成jsoneditor 最后做出来 ......
ts 严格语法检查
在vs的 tsconfig.json 中配置 oImplicitAny 不允许变量或者函数参数具有隐式any类型 noImplicitThis 不允许this上下文隐式定义 strictNullChecks 不允许出现null或者undefined的可能性 strictPropertyInitial ......
MySQL数据库的DDL语法汇总
# SQL分类 - DDL（数据定义语言）：针对数据库对象结构的操作，如：数据库、表、视图、索引等 - DML（数据操纵语言）：对数据库对象中的数据进行操作，比如数据的增删改查 - DCL（数据控制语言）：授权及取消授权等 - TCL（事务控制语言）：对事务的控制，如事务的提交及回滚 # 一、DDL ......
vue3 webpack qiankun微前端
**qiankun: https://qiankun.umijs.org/zh/guide** **demo源码gitee：https://gitee.com/philippines-kisses-snow/qiankun-demo** > 官方对微应用的说明：通常这种场景下微应用是一个不带路由的可 ......
vue3之跳转页面时判断是否跳转
vue3之跳转页面时判断是否跳转 onBeforeRouteLeave((to, from, next) => ( if (ruleAllChange .value）{ ElMessageBoxconfirm( "数据未保存，请问是否继续跳转？", "确认" {confirmButtonText:" ......
vue使用socket.io
# Vue 项目使用socket.io 使用library *socket.io-client* 或者 *vue-socket.io* npm install socket.io-client || npm install vue-socket.io ## 使用*socket.io-client* ......
vue项目打包后白屏或者报错Failed to load resource: net::ERR_FILE_NOT_FOUND以及图标为小方框
一、在做完项目之后直接执行npm run build命令，出现空白 1、打包后的dist目录下的文件引用路径不对，会因为找不到文件而报错导致白屏1解决办法：修改一下config下面的index,js中Build模块导出的路径因为index.html里边的内容都是通过script标签引入的，而你的路径 ......
vue3+typescript +uniapp中select标签
` ` ts的代码： `` 相当于 v-model ` ` 主要是因为 uniapp 的v-model 编译之后无法支持 微信小程序，所以要麻烦很多 转成 :value + @change 来实现 ......
解决vue项目build的时候报错Warning: Accessing non-existent property ‘cat‘ of module exports inside circular
* 正在执行任务: npm run build > selection-tool@1.0.0 build> node build/build.js - building for production...(node:8992) Warning: Accessing non-existent prop ......
Python基础语法
# Python基础语法 ## 字面量 ### 什么事字面量 字面量：在代码中，被写下来的固定的值，称之为字面量 ### Python中常见的六种值类型 | 类型 | 描述 | 说明 | | | | | | 数字（Number） | 支持：整数（int）、浮点数（float）、复数（complex） ......
JSDoc语法规范
JSDoc 是 JavaScript 中用于添加文档注释的一种常见方式。它是一种在注释中使用特定标记和语法来描述代码功能和用法的标准化方式。以下是 JSDoc 的主要语法规范和常见标记： 1. 基本注释语法： ```javascript /** * 这里是注释的内容。 */ ``` 2. 描述块：描 ......
vue使用animate.css
1.在命令行中执行：npm install animate.css --save 2.main.js 中： import animated from 'animate.css' // npm install animate.css --save安装Vue.use(animated) 3.使用 <di ......