变量vue3 vue css

VUE Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin('preload').use(<Plugin>) first.

在对一个vue项目执行过“npm audit fix --force”命令之后,就出现了如下错误: ERROR Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin('preload').us ......
plugin defined preload Cannot Plugin

关于vue中对象的props默认值的问题

apiConfig: { //配置 type: Object, default () { return { type: "11", url: "11", urlParams: {}, labelName: "11", valueName: "11" } } }, 如果以以上写法为对象设置默认值,会在 ......
对象 问题 props vue

vue在自定义组件中使用v-model

示例: 组件中 <template> <!-- 自定义组件中使用v-mode指令 --> <input type="search" @input="changeInput" data-myValue=""> </template> <script> export default { name: 'C ......
组件 v-model model vue

第四节 详解类型、变量与对象(上,下)

视频链接:刘铁猛老师的《C#语言入门详解》 [https://www.youtube.com/watch?v=EgIbwCnQ680&list=PLZX6sKChTg8GQxnABqxYGX2zLs4Hfa4Ca](https://www.youtube.com/watch?v=EgIbwCnQ68 ......
变量 对象 类型

第三节 C#语言基本元素概览,初始类型、变量与方法,算法简介

视频链接:刘铁猛老师的《C#语言入门详解》 [https://www.youtube.com/watch?v=EgIbwCnQ680&list=PLZX6sKChTg8GQxnABqxYGX2zLs4Hfa4Ca](https://www.youtube.com/watch?v=EgIbwCnQ68 ......
概览 变量 算法 元素 语言

【读书笔记】go语言学习指南 - 基础类型和变量声明

# 基础类型和变量声明 ## 内置类型 go语言中内置了很多的基础类型: - 布尔型(boolean) - 整型(integer) - 浮点型(float) - 字符串(string) ### 零值 在go语言中,一个变量声明但是未赋值的变量会被go赋予零值,这样做的好处可以让代码变得更加简洁清晰。 ......
语言学习 变量 语言 类型 基础

css面经

1. 标准盒子模型和普通盒子模型的区别? 普通盒子模型,box-sizing: border-box, 设置的height/width 属性指的是 content + border + padding 标准盒子模型, box-sizing: content-box, 设置的 height、width ......
css

CSS(盒子模型其他样式、浮动、常见网页布局、清除浮动、ps切图、学成在线页页面展示)

一、其他样式 1、圆角边框 在 CSS3 中,新增了圆角边框样式,这样我们的盒子就可以变圆角了。 border-radius 属性用于设置元素的外边框圆角。 语法: border-radius:length; 参数值可以为数值或百分比的形式 如果是正方形,想要设置为一个圆,把数值修改为高度或者宽度的 ......
盒子 样式 布局 模型 常见

Vue-cli

[toc] # Vue-CLI ## 1 单文件组件 ```python # 单页面应用:spa -以后vue项目就只有一个 xx.html 页面 -定义很多组件,不可能都写在 xx.html中把 # 单文件组件(一个组件一个文件) https://v2.cn.vuejs.org/v2/guide/ ......
Vue-cli Vue cli

Vue组件

[toc] # 一 组件介绍 ## 1.1 组件是什么?有什么作用 ![](https://img2023.cnblogs.com/blog/3095768/202306/3095768-20230607211504454-2013215804.png) 组件就是:扩展 HTML 元素,封装可重用的 ......
组件 Vue

Vue生命周期钩子

[toc] # 一 生命周期图 ![](https://img2023.cnblogs.com/blog/3095768/202306/3095768-20230607210405101-1767821111.png) # 二 生命周期 | 钩子函数 | 描述 | | | | | beforeCre ......
钩子 周期 生命 Vue

【问题以及解决】vue和vue-router版本要对应

遇到报错 ``` ERROR Cannot read properties of undefined (reading 'install') TypeError: Cannot read properties of undefined (reading 'install') at Vue.use ( ......
vue-router vue 版本 router 问题

Vue与后端交互

[toc] # 一 与后端交互三种方式 ```python # 后端写了一堆接口 # 前端会了 # 前后端要打通 > 从前端发送ajax > 核心:使用js发送http请求,接收返回 -原生js,可以开启ajax,但是原生js开启,比较麻烦,需要做浏览器兼容,有坑(基本不写) -jq,写了个兼容所有 ......
Vue

Vue基础2

[toc] # 一 表单控制 ```python # 1 checkebox: -单选 -多选 # 2 radio -单选 ``` ## 1.1 checkbox单选 ```html 表单控制 checkbox单选 用户名: 密码: 记住密码: 用户名:{{username}} > 密码:{{pas ......
基础 Vue

Vue 插槽的定义和使用

父组件中使用插槽,相当于开放了在子组件内部使用的条件 在 APP的 Vue中解析后塞到Category中, videos 里添加上 controls 就能够播放电影了 子组件Category中定义, slot 中间存放默认值 category的样式 不具名插槽写两份,就有两个重复的展示效果 使用时会 ......
Vue

动态组件,插槽,vue-cli创建项目,目录结构,编写规范,导入导出语法

# 1 动态组件 ```python # # component标签的is属性等于组件名字,这里就会显示这个组件 ``` ```html Title 首页 商品 订单 component标签的is属性等于组件名字,这里就会显示这个组件 ``` ## 1.1 keep-alive ```html Ti ......
语法 组件 vue-cli 结构 目录

JAVA的springboot+vue企业客户信息反馈平台,附源码+数据库+文档+PPT

**1、项目介绍** 企业客户信息反馈平台能够通过互联网得到广泛的、全面的宣传,让尽可能多的用户了解和熟知企业客户信息反馈平台的便捷高效,不仅为客户提供了服务,而且也推广了自己,让更多的客户了解自己。对于企业客户信息反馈而言,若拥有自己的平台,通过平台得到更好的管理,同时提升了形象。 本平台设计的现 ......
springboot 源码 客户 文档 数据库

vue和vuex的版本搭配

重要是事情说三遍, vue2使用vuex3 !vue3使用vuex4.!否则会出现this.$store为undefined错误! vue2使用vuex3 !vue3使用vuex4.!否则会出现this.$store为undefined错误! vue2使用vuex3 !vue3使用vuex4.!否则 ......
版本 vuex vue

VUE路由传参的实用方式

本文讲解了VUE项目中路由之间的传值方式,涉及到的方法都是开发时常用的,希望对大家有多帮助。 1. 方式一:使用router-link标签 1.1 params 传参 首先定义好路由 const routes = [ { path : ‘/home’ , component : () => impo ......
路由 方式 VUE

手把手Django+Vue前后端分离

# 前言 众所周知,Django对于网站快速开发非常友好,这得益于框架为我们做了很多事情,让我们只需要做一些简单的配置和逻辑即可把网站的功能开发出来。但是,在使用Django的过程中,有一个地方一直是比较难受的,那就是使用Django自带的模版,这种通常需要自己利用HTML+CSS+Jquery的方 ......
Django Vue

Vue 配置项props 使用方法

props template script1 script2 ......
使用方法 方法 props Vue

Vue 执行流程

## 1. main.js 项目入口文件 ![image](https://img2023.cnblogs.com/blog/3091414/202306/3091414-20230607181720476-1802242843.png) ## 2. App.vue 创建路由,设置App的样式, 由 ......
流程 Vue

Vue——动态组件、插槽、Vue-cli创建项目、Vue项目目录结构、编写规范、es6导入导出语法

## 动态组件 ```html // // component标签的is属性等于组件名字,这里就会显示这个组件 首页 商品 订单 ``` ### keep-alive ```html // 使用keep-alive把动态组件包裹起来 保存当前状态 就算切换到其他组件再切换回来 依旧还是之前的状态 首 ......
项目 Vue 语法 组件 Vue-cli

记录--纯CSS实现一个简单又不失优雅的步骤条

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 步骤条是一种用于引导用户按照特定流程完成任务的导航条,在各种分步表单交互场景中广泛应用。先来看一下几个主流前端 UI 框架中步骤条组件的样子: ElementPlus AntDesign OpenTiny iView 我们可以发现,步骤条 ......
步骤 CSS

Webpack 插件实现 CSS 样式尺寸单位转换

# Webpack 插件实现 CSS 样式尺寸单位转换 ## 实现方式一 ### 插件代码 以下是编写的一个 Webpack 插件,用于将样式文件中以 rpx 为单位的值转换为以 px 为单位的值(换算比率为 1px=2rpx): ```javascript const pluginName = " ......
样式 插件 尺寸 Webpack 单位

vue3 如何通过defer来优化减少白屏时间

如果首屏加载的内容组件比较厚重或者数量大,那么第一次加载也会停顿很久。 可以通过控制台的Performence来观察render和loading的大致时间 优化的思路: 想让首屏页面的组件或者比较需要提前让用户看到的内容模块 优先放在第一帧来加载 加载时机:如果当前帧数时间大于 该模块的设定指定加载 ......
时间 defer vue3 vue

vue 预览word文档、图片、pdf文件等

``` 预览 data() { return { //文件预览 viewVisible:false, //文件类型 fileType:null, //文件地址 sourceUrl:null,} } //文件预览 handlePreviewFile(e){ var xdoc_head = "https ......
文档 文件 图片 word vue

vue封装组件并发布到Npm

前言vue 封装组件是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用,甚至我们可以直接从npm仓库下载别人封装好的组件使用,入element-ui这一类的组件库。 1、环境准备 因为我们此次封装的是Vue组件,所以我们直接在Vue脚手架项目里面进行封装即可。 (1)、初始化项目 vue ......
组件 vue Npm

Vue 项目启动

# Vue 项目启动 ## 一、脚手架搭建 ### 1.1 node.js环境准备 下载地址:https://nodejs.p2hp.com/download/ ```PYTHON -查看node版本 node -v -安装完,释放两个可执行文件 node 等同于 python npm 等同于 pi ......
项目 Vue

vue3实现自定义指令

创建一个empty.js import { nextTick } from 'vue'; const emptyImgUrl = new URL('@/assets/images/empty-icon.jpeg', import.meta.url).href; // 在vue3中不支持require ......
指令 vue3 vue