组件 常用confirm vue

vue3学习之BootstrapVueNext

创建一个 Vue 应用 vue3快速上手 npm get registry #设置淘宝镜像 npm config set registry http://registry.npm.taobao.org #创建一个 Vue 应用 npm init vue@latest ✔ Project name: ......
BootstrapVueNext vue3 vue

vue全家桶进阶之路37:Vue3 状态管理

Vue3 的状态管理主要是通过 Vuex 4 来实现。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 在Vue3的状态管理中,以下是各个属性的作用: state:存储应用程序中的状态数据。它 ......
全家 状态 Vue3 vue Vue

【Vue】Vue路由总结

由vue-router模块控制,需要额外安装依赖。参考官网 npm install vue-router --save 组成 router-link 路由跳转,类似a标签,路由跳转作用 <router-link to="" /> router-view 路由视图,用于其他组件在该视图位置显示。 <r ......
路由 Vue

docker04 dockerfile常用命令 docker私有仓库 dockercompose介绍与部署

今日内容详细 1 Dockerfile 1.1 常用和不常用命令 FROM: 指定基础镜像 RUN: 构建镜像过程中需要执行的命令。可以有多条。docker build CMD:添加启动容器时需要执行的命令。多条只有最后一条生效。可以在启动容器时被覆盖和修改。 ENTRYPOINT:同CMD,但这个 ......

Docker快速入门 三(dockerfile常用命令,dockerfile构建django项目,docker私有仓库,docker-compose和部署项目)

Docker 一、Dcokerfile常用命令 FROM: 指定基础镜像 RUN: 构建镜像过程中需要执行的命令。可以有多条。docker build CMD:添加启动容器时需要执行的命令。多条只有最后一条生效。可以在启动容器时被覆盖和修改。 ENTRYPOINT:同CMD,但这个一定会被执行,不会 ......

vue2源码-八、依赖收集的过程

依赖收集的过程 前言 使用真实节点替换原始节点,主要涉及以下步骤: 1.新老节点的更新方案。 2.虚拟节点与真实节点映射。 3.实现新老节点的替换。 依赖收集 已经完成了Vue的两大核心部分:响应式数据和数据渲染,即完成了整个Vue的初始化流程: 当new Vue()时,执行_init初始化,通过m ......
源码 过程 vue2 vue

Redis 一、(简介,redis-linux下载,启动方式,常用配置,应用场景,数据结构和内部编码,字符类型)

Redis 一、Redis 1、简介 # Redis特性 1)速度快 10w ops(每秒10万读写),数据存在内存中,C语言实现,单线程模型 2)持久化 RBD AOF 3)多种数据结构 - 字符、哈希、列表、有序集合、集合 - bitMaps位图:布隆过滤器 本质是字符串 - HyperLogL ......

vue全家桶进阶之路36:Vue3 组件内部路由守卫

在 Vue Router 中,可以为路由和路由组件注册全局的路由守卫,也可以在组件内部注册路由守卫。 组件内部的路由守卫有以下几种: beforeRouteEnter:在路由进入组件前被调用,但是在组件实例化之前被调用,因此在该守卫中无法访问组件实例的 this。 beforeRouteUpdate ......
路由 全家 组件 Vue3 vue

ALmalinux 主机常用配置

ssh无法登陆: 使用最新putty vi /etc/ssh/sshd_config #PermitRootLogin without-password 改为 PermitRootLogin yes service sshd restart https://blog.csdn.net/fanchw/ ......
ALmalinux 常用 主机

计算中常用函数

计算时中常用到一些函数, 整理一下 <algorithm> :dagger: 最大最小 max min //可以输入int char double等 std::cout << "max(2,1)==" << std::max(2,1) << '\n'; std::cout << "max('a',' ......
函数 常用

Vue3 setup中两个注意点

视频 6.setup的两个注意点 setup执行的时机 在beforeCreate之前执行一次,this是undefined。 setup的参数 props:值为对象,包含:组件外部传递过来,且组件内部声明接收了的属性。 context:上下文对象 attrs: 值为对象,包含:组件外部传递过来,但 ......
两个 setup Vue3 Vue

ie11 兼容 vue3思路mark

众所周知,vue3因为用了Proxy来实现响应式,而Proxy是es6的特性,这个特性是无法shim的。 如果用本身的js写一个es6的js的虚拟机呢?有点像c语言的自举了哈,只要写出一个汇编的c语言编译器,后面就可以脱离汇编,用c本身来实现更多的功能。 当然速度肯定没办法保证了,跑肯定是可以跑的。 ......
思路 vue3 mark vue ie

Vue3 reactive对比ref

视频 5.reactive对比ref 从定义数据角度对比: ref用来定义:基本类型数据。 reactive用来定义:对象(或数组)类型数据。 备注:ref也可以用来定义对象(或数组)类型数据, 它内部会自动通过reactive转为代理对象。 从原理角度对比: ref通过Object.defineP ......
reactive Vue3 Vue ref

Vue项目打包后放到SpringBoot项目里注意点

![](https://img2023.cnblogs.com/blog/3161121/202304/3161121-20230418180137018-1606890564.jpg) ![](https://img2023.cnblogs.com/blog/3161121/202304/3161... ......
项目 SpringBoot Vue

redis常用命令(更新中)

启动 redis-server.exe redis.windows.conf 再重新打开一个命令行 redis-cli 启动成功 ......
命令 常用 redis

Vue3 vue3响应式原理_Proxy&Reflect

Proxy视频 Reflect视频 Vue3.0的响应式 实现原理: 通过Proxy(代理): 拦截对象中任意属性的变化, 包括:属性值的读写、属性的添加、属性的删除等。 通过Reflect(反射): 对源对象的属性进行操作。 MDN文档中描述的Proxy与Reflect: Proxy:https: ......
原理 Reflect Proxy Vue3 vue3

vue3 + TS:找不到模块“@/views/xxx.vue”或其相应的类型声明,ts语法报错

今天在项目开发中遇到一个 vue3 + Ts 的一个问题,项目运行没问题,但是就是代码就是报ts语法错误,如下: 原因:因为我们使用的是 ts 的语法,项目只识别 ts 后缀的文件,无法识别 .vue 文件,所以引入的时候会报错; tips:这里只是 ts 语法警告报错,实际并不影响我们项目的运行! ......
语法 vue 模块 类型 views

vue

vue vue使用 端口号 静态是在static里面 index。html不能改变 id = app是绑定的 一对一绑定 webpack学习 静态模块打包器 到处暴露export,暴露了HelloWorld 有暴露就有,导入import 安装webpack 使用webpack 建立一个项目 暴露一个 ......
vue

Datagrid组件的基本讲解

https://blog.csdn.net/qq_37192800/article/details/78468034 1.datagrid的基本属性datagrid—- 一种接收后台数据用于,以标准表单的形式展示的组件。EasyUI 接收两种参数:对象参数;数组参数。 url:数据请求后台的地址。 ......
组件 Datagrid

Vue 登录login post请求 security UserDetailsService 获取参数为""

背景 原请求将数据放到params中,导致数据拼接在请求地址后面,具有高级安全隐患。 请求方法: axios.request({ url: '/login', method: 'post', params: { username: '****', password: '****' } }) 出现的问 ......

Vue3+Ts 组合API调用子组件方法

1、子组建定义方法,并对外暴露 <script setup lang="ts"> import {computed, reactive, ref,defineExpose} from "vue"; /** * 定义方法 */ const initData = () => { console.info ......
组件 方法 Vue3 Vue API

常用类API

常用类 API CalendarCalendar 线程不安全 ,不同步获得并设置日历字段值 Calendar 使用两个参数定义了特定于语言环境的 7 天制星期:星期的第一天和第一个星期中的最小一天(从 1 到 7)。第一天是星期日 每个单词得字母大写 表示常量;hashCode 重写之后不是地址值静 ......
常用 API

Vue3移动端适配解决方案

导读: 使用vw和vh解决适配问题 vw:view width屏幕宽度,1vw等于屏幕宽度的百分之一 vh:view height屏幕高度,1vh等于屏幕高度的百分之一 使用插件postcss-px-to-viewport可以自动将px转换为vw/vh 安装 npm i postcss-px-to- ......
解决方案 方案 Vue3 Vue

【Vue2.x源码系列06】计算属性computed原理

本章目标:计算属性是如何实现的?计算属性缓存原理以及洋葱模型的应用?在初始化Vue实例时,我们会给每个计算属性都创建一个对应watcher,我们称之为计算属性watcher ......
源码 computed 属性 原理 Vue2

客服系统vue源码聊天界面,ajax上传图片功能实现

在线客服系统的聊天界面上,有上传图片按钮功能,使用js实现ajax上传图片功能 html部分,有一个点击事件 <div class="iconExtendBtn" @click="uploadImg"> <div class="elIcon el-icon-picture"></div> <div> ......
源码 界面 功能 系统 图片

vue2使用最新版nanoid,运行报错

项目需要nanoid生成主键。 vue版本:2.6.14 npm i nanoid后,npm run serve报错: Error [ERR_REQUIRE_ESM]: require() of ES Module C:\projects\frontend\vue-test\node_modules ......
最新版 nanoid vue2 vue

vue2 xlsx结合file-saver实现JSON导出excel 支持导出多sheet

先安装插件 npm install xlsx -s npm install file-saver -s 在本地封装导出方法,支持// 文件名:Export2MultipleSheetExcel//支持导出多个或者单个sheet import { saveAs } from "file-saver"; ......
file-saver excel saver sheet vue2

vue+springboot 传list

@PostMapping(value = "/aa") public Result<?> aa(@RequestBody List<Map<String, Object>> list) { return Result.ok(); } let dataSource = [];postAction(th ......
springboot list vue

vue全家桶进阶之路37:Vue3 路由守卫

在 Vue.js 3.x 中,我们可以使用路由守卫来拦截路由的跳转,从而实现一些功能,例如:登录验证、页面权限控制等。 Vue.js 3.x 中的路由守卫和 Vue.js 2.x 中的基本相同,都包含了 beforeEach、beforeResolve 和 afterEach 等钩子函数。 下面是一 ......
路由 全家 Vue3 vue Vue

vue全家桶进阶之路36:Vue3 全局路由useRouter和本地路由useRoute

在 Vue.js 3.x 中,我们可以使用 useRouter 和 useRoute 来获取当前路由对象和当前路由信息。 useRouter useRouter 可以用来获取当前路由对象。我们可以通过 router 对象调用一些路由操作方法,例如 push、replace、go 等。示例代码如下: ......
路由 全局 全家 useRouter useRoute