截图 部分vue3 vue

使用vue cli 5.0 在vscode中运行vue命令报错

1、运行 vue -- version 报错 2、在cmd 命令行 执行 vue --version 正常 3、在终端中输入 get-ExecutionPolicy,查看当前权限 4、执行 set-executionpolicy remotesigned 命令设置为可用模式,但是报错 5、使用管理员 ......
vue 命令 vscode cli 5.0

图书商城项目练习①管理后台Vue2/ElementUI

本系列文章是为学习Vue的项目练习笔记,尽量详细记录一下一个完整项目的开发过程。面向初学者,本人也是初学者,搬砖技术还不成熟。项目在技术上前端为主,包含一些后端代码,从基础的数据库(Sqlite)、到后端服务Node.js(Express),再到Web端的Vue,包含服务端、管理后台、商城网站、小程... ......
ElementUI 后台 商城 项目 图书

VUE框架组件中通信方式(5)

//vuex:集中式管理状态容器,可以实现任意组件之间通信!!! //核心概念:state、mutations、actions、getters、modules //pinia:集中式管理状态容器,可以实现任意组件之间通信!!! //核心概念:state、actions、getters //pinia ......
组件 框架 方式 VUE

vue列表页返回数组错误Invalid prop: type check failed for prop "data". Expected Array, got Object

一个vue列表页接收后端数组时是这样写的: this.list = response.data 返回如下错误: Invalid prop: type check failed for prop "data". Expected Array, got Object 意思是希望返回一个数组但实际得到一个 ......
数组 prop quot Expected 错误

Vue Router 源码分析

最终成果,实现了一个可运行的核心路由工程:柏成/vue-router3.x。地址如下:https://gitee.com/lbcjs/vue-router3.x ......
源码 Router Vue

前端Vue自定义简单通用省市区选择器picker地区选择器picker 收获地址界面模版

#### 前端Vue自定义简单通用省市区选择器picker地区选择器picker 收获地址界面模版,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13266 #### 效果图如下: ![](https://p3-juejin.b ......
picker 省市区 前端 模版 省市

vue-props-props是只读的

# props是只读的 vue规定:组件中封装的自定义属性是`只读的`,程序员`不能直接修改`props的值。否则会报错 ```JS Count 组件 count的值是:{{ count }} +1 ``` 要想修改props的值,可以`把props的值转存到data中`,因为data中的数据都是可 ......
props vue-props-props vue

vue-props-为count组件声明props自定义属性

# 组件的`props` props时组件的`自定义属性`,在`封装通用组件`的时候,合理地使用props可以极大的`提高组件的复用性`! ```JS Count 组件 count的值是:{{init}} +1 ``` ......
props 组件 vue-props 属性 count

vue2+element-ui国际化实战不刷新页面

# 背景 有的时候我们做的项目需要支持中英文切换,那么我们就需要使用到`vue-i18n`插件 # 步骤 ## 安装以及挂载 1. 安装`vue-i18n`依赖 ```shell npm i vue-i18n@8 ``` 2. 在`src`同级的目录下创建`language`文件下,在`langua ......
element-ui 实战 element 页面 国际

在vue文件中使用 deep深度选择器

# 使用场景 有的时候我们需要在父组件中去修改第三方组件或者子组件的样式就会使用到`deep深度选择器`。比如:App组件中定义了.title的样式,也想让Test子组件中的.title也应用对应的样式 ![](https://img2023.cnblogs.com/blog/724275/2023 ......
深度 文件 deep vue

Unix DBM实现中的部分细节

# key-value database 一直以为"key-value database"是一个很新的概念,但是[维基](https://en.wikipedia.org/wiki/Key%E2%80%93value_database)明确说明了这种概念在很早的Unix系统中就自带了一个基于key- ......
细节 部分 Unix DBM

图书商城Vue+Element+Node项目练习(...)

本系列文章是为学习Vue的项目练习笔记,尽量详细记录一下一个完整项目的开发过程。面向初学者,本人也是初学者,搬砖技术还不成熟。项目在技术上前端为主,包含一些后端代码,从基础的数据库(Sqlite)、到后端服务Node.js(Express),再到Web端的Vue,包含服务端、管理后台、商城网站、小程... ......
Element 商城 项目 图书 Node

vue 扫码枪获取条形码逻辑

###直接贴代码 ``` ``` ......
条形 条形码 逻辑 vue

uni-app 解决echarts在h5中 tooltips及部分功能失效问题

1、echarts图可以加载,tooltips提示框不显示,部分功能不生效。 2、原因 1.echarts 引入的时候,会优先判断当前的环境。 2.由于uni app 中有一个 ‘wx’ 全局变量污染了echarts中的 wx 变量,导致这里的判断直接走第一个,echarts 部分功能无法生效 三、 ......
tooltips uni-app echarts 部分 功能

vue-element-admin依赖包安装报错解决

按照官网安装vue-element-admin步骤: 1. git clone 2. npm install: 安装依赖包时报错 报错后进行原因排查,排查过程中,遇到过的报错情况: c:\program files\git\mingw64\bin\git.exe ls-remote -h -t ss ......
vue-element-admin element admin vue

vue 弹框分左右两部分

<div class="dialog_diy" > <el-dialog :visible.sync="otherShow" :close-on-click-modal='true' width="40%" height="80%"> <div slot="title" class="header- ......
部分 vue

vue-element table表格排序推拽功能

// 1.安装sortablejs npm install sortablejs --save // 2.功能页面中引入 import Sortable from ‘sortablejs’ 具体使用(注意:element table务必指定row-key,且row-key必须是唯一的,如 id,不然 ......
vue-element 表格 element 功能 table

Vue为什么不推荐直接操作dom

Vue不推荐开发者直接操作dom(当然这并不表示不能这么做),有以下几个原因: 破坏了代码模块化结构导致代码腐化: 组件原本可以控制哪些dom操作可以对外暴露(即对应methods中的方法),但直接操作dom跳过了这个控制,这会导致不可预料的后果。 例如组件A中有一个输入框,且组件A没有暴露可以删除 ......
Vue dom

node.js的删除安装及vue-admin-template的下载

删除18 node版本过高(18了),这里需要16,因此将原来的node删除. 删除的方法是在设置中搜索node并找到,然后傻瓜式删除. 安装16 直接一路next确认就行 检查版本 vue-admin-template下载 这是一个版本为4.4.0的基础框架(官网:https://panjiach ......
vue-admin-template template admin node vue

2023.6.28 - vue项目打包内存堆栈溢出JS stacktrace

![](https://img2023.cnblogs.com/blog/2622524/202306/2622524-20230628143220836-842941430.png) vue项目打包时报错,JS stacktrace : Reached heap limit Allocation ......
堆栈 stacktrace 内存 项目 2023

ECMA新特性(部分)

### ES2015 - 数组的解构 ```js const arr = [10, 20, 30] const [, , c] = arr console.log(c) // 30 const [foo, ...rest] = arr console.log(rest) // [20, 30] co ......
特性 部分 ECMA

vue3+vite+js配置路径别名

1、让vscode认识@符号 项目下新建jsconfig.json,配置 baseUrl,paths 参数 { "compilerOptions": { "target": "esnext", "useDefineForClassFields": true, "module": "esnext", ......
别名 路径 vue3 vite vue

mac屏幕录制截图软件-Snagit2023

Snagit2023是一款功能强大的Mac屏幕录制和截图软件。它为用户提供了丰富的工具和功能,让用户能够轻松地捕捉屏幕上的任何内容,并进行编辑和分享。 →→↓↓载Snagit2023 mac版 首先,Snagit2023具有简洁直观的用户界面,使用户能够快速上手。它提供了全屏、窗口、区域和滚动截图等 ......
截图 屏幕 Snagit 软件 2023

VUE http大文件断点续传上传

​ 对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传,本文主要介绍服务端实现文件上传的步骤及 ......
断点 文件 http VUE

mysql 删除部分表数据之后自定义自增列id

表的数据中最大id值假设为2,如下设置 alter table users AUTO_INCREMENT=3; 对于表的所有数据删除重置自增列还可以使用一下方式 truncate users ......
部分 数据 mysql

PostgreSQL截取某个字段中的部分内容进行排序

一.最基本的order by排序 本文使用的测试数据库信息如下: 1.单列排序案例:查询student表中所有数据并且按照成绩从大到小排序 SELECT * FROM student order by score desc 2.多列排序案例:查询student表中所有数据并且先按照成绩从大到小排序, ......
字段 PostgreSQL 部分 内容

vue中watch侦听器,deep和immediate的用法

1、deep深度监听的用法 当监听一个对象时,可能想监听整个对象的变化,而不仅仅是某个属性。但在默认情况下,如果你正在监听formData对象并且修改了formData.username,对应的侦听器并不会触发,它只在formData对象被整个替换时触发。 监听整个对象被称作深度监听,通过将deep ......
侦听器 immediate watch deep vue

深入剖析:Vue核心之虚拟DOM

前言 使用 Vue 做项目也有两年时间了,对 Vue 的 api也用的比较得心应手了,虽然对 Vue 的一些实现原理也耳有所闻,例如 虚拟DOM、flow、数据驱动、路由原理等等,但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的,所以利用空闲时间,进行 Vue ......
核心 Vue DOM

Git忽略部分修改的方法(.gitignore添加忽略文件不起作用的解决办法)

背景: 有时候本地修改,有些修改不需要提交上库,所以需要进行部分文件的修改进行忽略处理。 一、.gitignore方式忽略 .gitignore文件中只能忽略本地新增的目录或者文件,这个文件默认会被提交上库,除非该文件添加了忽略自身。 二、.git/info/exclude方式忽略 .git/inf ......
gitignore 作用 办法 部分 文件

vue定时器

```js export default{ methods:{ fun1(){ const timer = setInterval(()=>{ //需要做的事情 },1000); //通过$once来监听定时器,在beforeDestroy钩子可以被清除。 this.$once('hook:befo ......
定时器 vue