vue-cli vue cli 01

vue3(三)

1、父子路由在页面局部跳转的应用 假设有一页面NewsView.vue,里面的内容要如何实现如下图所示的布局,如何实现点击页面左半部分文字,而只有页面右半部分的内容发生变化呢? 不难想到,导航栏的内容是挂载到App.vue文件上的。稍加思索的是,要利用RouterView技术,将页面右(Detail ......
vue3 vue

vue书写风格API

Vue 的组件可以按两种不同的风格书写:选项式 API 和组合式 API。 vue2只支持选项式 API vue3支持两种 选项式 API (Options API) 在 Vue 2 中引入并继续在 Vue 3 中支持的选项式 API,是一种通过声明式选项(如 data, methods, comp ......
风格 vue API

01 Redis 简介

1. Redis的历史和背景 Redis(Remote Dictionary Server),是由意大利工程师Salvatore Sanfilippo(别名antirez)于2009年开发的。最初,它是为了解决他的公司在提供实时Web日志分析服务时遇到的性能瓶颈而设计的。Redis因其出色的性能、简 ......
简介 Redis 01

饮冰十年-人工智能-ArangoDB-01-初识ArangoDB

引言: 在当今不断发展的数据库领域,多模型数据库引起了广泛关注。其中,ArangoDB作为一种多模型数据库,吸引了众多开发者和企业的目光。本文将介绍初学者如何入门ArangoDB,以及它为什么在当今数据管理场景中占据重要地位。 官网链接: ArangoDB Documentation 一、Arang ......
ArangoDB 人工智能 人工 智能 01

浏览器中代码(html+js)高亮,并显示行数 (Vue框架)

最终效果 选型 highlight.js + highlightjs-line-numbers.js 实现 高亮代码 <code v-html="code"></code> import hljs from 'highlight.js/lib/core'; // 引入hljs hljs.regist ......
框架 浏览器 html Vue js

vue-router的使用,以及路由守卫的使用,复制直接用!

安装完路由,我们在更目录创建一个router的文件夹,然后在文件夹下面新建一个index.js文件 index.js import Vue from 'vue' // 引入VUE实例import VueRouter from 'vue-router' // 引入vue路由 Vue.use(VueRo ......
路由 vue-router router vue

Vue2入门之超详细教程十二-列表渲染

1、简介 V-for指令: 1. 用于展示列表数据 2. 语法:v-for=”(item,index) in xxx ”:key=”yyy” 3. 可遍历:数组、对象、字符串(用的很少)、指定次数(用的很少) 学习Vue之前最后会一些HTML和CSS的基础知识,HTML基础知识 传送门,CSS基础知 ......
教程 Vue2 Vue

vf01 改值增强

RV60AFZZ ***INCLUDE RV60AFZZ . ************************************************************************ * * * This include is reserved for user modifi ......
vf 01

2024-01-04 每日一练

LeetCode 每日一题 2397. 被列覆盖的最多行数 问题 给你一个下标从 0 开始、大小为 m x n 的二进制矩阵 matrix ;另给你一个整数 numSelect,表示你必须从 matrix 中选择的 不同 列的数量。 如果一行中所有的 1 都被你选中的列所覆盖,则认为这一行被 覆盖 ......
2024 01 04

# vue3 插槽 slot 使用

vue3 插槽 slot 使用 在 Vue3 中,插槽(slot)是一种重要的组件复用和内容分发机制。通过使用插槽,可以让组件更加灵活和具有可复用性,在不同的地方渲染不同的内容,同时保证相同的样式。 插槽资料 官网介绍:https://cn.vuejs.org/guide/components/sl ......
vue3 slot vue

vue+three旋转地球

<template> <div id="container"></div> </template> <script> import * as THREE from 'three' import { OrbitControls } from 'three/examples/jsm/controls/O ......
地球 three vue

记录一下vue中的异步循环

刚开始是在使用文件上传的时候,多个文件上传进度进行显示,然后在多文件上传的时候发现,会一次性进行全部上传,查了一下发现是因为js是单线程的,所以会有这个问题 于是开始寻找异步循环的方法,代码如下 async submitCreateImgUrl(){//批量上传 this.submitLoading ......
vue

在cmd 创建vue

浏览器复制地址 ......
cmd vue

vue实现h5扫码

插件 html5-qrcode npm 地址 html5-qrcode 是一个基于 JavaScript 轻量级和跨平台的扫码插件。允许用户使用摄像头扫描二维码,并且解析为文本或者 url。 支持扫描不同类型的二维码和条形码 支持不同的平台,Android、IOS、Windows、MacOs 或者 ......
vue

vue中watch怎么深度监听数据变化?

有个原则监听谁,写谁的名字,然后是对应的执行函数,第一个参数为最新的改变值,第二个值为上一次改变的值,注意:除了监听data,也可以监听计算属性或者一个函数的计算结果 启用深度监听对象 watch:{ a:{ handler:function(val,oldval){ }, deep:true } ......
深度 数据 watch vue

vue音频(监听播放完成)

<template> <div> <audio ref="audio" :src="audioSrc"></audio> <button @click="playAudio">播放</button> <button @click="changePlaybackRate(1.5)">加速</butto ......
音频 vue

[Vue warn]: onUnmounted is called when there is no active component instance to be associated with

[Vue warn]: onUnmounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during e ......

def 自定义表设置以及初步认识vue

补:基于自定义表签发token # 1 快速签发和认证# 2 定制返回格式和认证# 3 自定义登录和认证 # 4 自定义登录,自定义表 # 5 自定义认证类 路由: from django.contrib import admin from django.urls import path from ......
def vue

vue3 表单封装遇到的一个有意思的问题

前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题,这里就简单记录一下过程。话不多说直接上代码!!! 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, type SetupContext } ......
表单 问题 vue3 vue

vue3 vue-cropper实现图片裁剪+上传功能(组件封装使用)

效果(CV 即用) 1.安装引入 vue-cropper(官网)官网地址 npm install vue-cropper@next import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; 2. 全局引 ......
vue-cropper 组件 vue cropper 功能

【源码系列#05】Vue3响应式原理(Ref)

proxy 只接受对象入参,所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象,内部也会调用 reactive 方法进行深层响应式转换 ......
源码 原理 Vue3 Vue Ref

vue图片由小放大

原生效果 <template> <div> <transition> <img :src="imageUrl" class="image" /> </transition> </div> </template> <script> import imageUrl from "../assets/bac ......
图片 vue

vue3 setup函数之数据

setup中定义方法: export default { name: 'App', setup(){ //定义方法 function edit() { } return { //方法与数据,必须要返回出去,不然不起作用。 edit } } } setup中ref函数定义基本数据类型与对象数据类型: ......
函数 数据 setup vue3 vue

vue强制横屏

<template> <div id="gyroContain">111</div> </template> <style> @media screen and (orientation: portrait) { html { width: 100vmin; height: 100vmax; } b ......
vue

Vue3自定义一个Hooks,实现一键换肤

核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
Hooks Vue3 Vue

vue+three,粒子星空

直接贴进去就可以用。 <template> <div id="container"></div> </template> <script> //引入three import * as THREE from 'three' //引入控制器 import { OrbitControls } from ' ......
粒子 星空 three vue

vue通过elementUI组件实现图片预览效果 点击按钮后触发

<el-image ref="elImage" style="width: 0; height: 0;" :src="bigImageUrl" :preview-src-list="logicImageList"></el-image> detialClick(img) { this.$nextTi ......
组件 elementUI 按钮 效果 图片

【杂题乱写】2024.01 #1

Luogu-P5046 Ynoi2019 模拟赛 Yuno loves sqrt technology I 数据范围和实现指出本题复杂的几乎不可能带 \(\log\),考虑一个分块做法。 对于散块可以直接每个块内点对求出是否有逆序对,然后做二维前缀和。 不带 \(\log\) 的逆序对处理方法只能是 ......
2024.01 2024 01

【2024-01-03】连岳摘抄

23:59 我们不妨多一些对自己拥有的生活的感激,少一些比别人缺失的焦虑,这样才能够真正地获得生活的幸福和快乐。 ——彭凯平 敏感不是坏事。心有灵犀一点通,说的就是敏感。《论语》里说的“闻一知十”“举一反三”,都需要人的敏感。《中庸》说,“祸福将至,善,必先知之。不善,必先知之,故至诚如神。”如果一 ......
2024 01 03

海亮01/04博弈论杂题

海亮01/04博弈论杂题 T1 AT_agc017_d 题意 有一棵 \(N\) 个节点的树,节点标号为 \(1,2,⋯,N\),边用 \((x_i,y_i)\)表示。 Alice 和 Bob 在这棵树上玩一个游戏,Alice先手,两人轮流操作: 选择一条树上存在的边,把它断开使树变成两个连通块。然 ......
博弈论 01 04