写法vue2 vue js
【技术积累】Vue中的核心知识【三】
this关键字 在Vue中，this关键字是指向当前组件实例的引用。它可以在组件的各个方法和生命周期钩子函数中使用。 在组件的方法中，this指向当前组件实例，可以通过this访问组件的属性和方法。例如，可以通过this.message访问组件的data中的message属性。 在生命周期钩子函数中 ......
vue中router与route区别
vue-router中经常会操作的两个对象route和router两个。 1、$route对象 $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1. $route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo ......
vue中query和params的区别是什么
区别： 1、query用path编写传参地址，而params用name编写传参地址； 2、query刷新页面时参数不会消失，而params刷新页面时参数会消失； 3、query传的参数会显示在url地址栏中，而params传参不会显示在地址栏中。 vue中query和params的区别是什么 que ......
2023年最新50道Vue全套vue2+vue3面试题带答案汇总
# 此文章不断更新，欢迎大家在评论区补充 ## 1.什么是MVVM?  M - Model 数据：它是与应用程序的 ......
Js数组
Js数组方法 1.把数组转换为字符串：toString() join('分隔符') 2.pop() 删除数组最后一个元素 返回被删除的值 3.push() 在数组末尾添加一个元素 返回数组长度 4.shift() 删除数组首个元素 返回被删除的值 5.unshift() 在数组头部添加一个元素 返回 ......
腻子膏，JS，神马建材
成都腻子膏有多家生产厂家，以下是一些常见的成都腻子膏厂家： 1. 成都神马建材有限公司：该公司是一家专业从事腻子膏生产和销售的企业，产品质量可靠，深受用户信赖。 2. 成都景洋建筑材料有限公司：该公司拥有先进的生产设备和技术团队，专注于高品质腻子膏的生产与研发。 3. 成都三益建材有限公司：该公司致 ......
vue实时监听input输入框中 输入内容
参考：https://blog.csdn.net/qq_38215042/article/details/106709153?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault% ......
单页html+vue3+element-plus+axios
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="apple-mobile-web-app-capable ......
vue 上传图片到腾讯云对象存储
今天最大的收获是知道了不仅springboot后端上传文件到腾讯云，也可以前端直接上传到腾讯云。 vue+element-ui就可以，具体教程如下：(48条消息) vue 上传图片到腾讯云对象存储_vue3 腾讯云上传_＊且听风吟的博客-CSDN博客 ......
JS数据类型
JavaScript中的数据类型可以分为两类：**基本数据类型**和**引用数据类型。** ## 七种基本数据类型 | 类型 | `typeof` 返回值 | 对象包装器 | | : | : | | | [Null](https://developer.mozilla.org/zh-CN/docs/ ......
vue-day37--修改默认配置
1. vue脚手架文件结构 2. 不同的版本vue 3. 修改默认配置 修改默认配置 1. 查看脚手架的默认配置 vue inspect >output.js 2. 为什么 main.js 是入口文件，index.html 是首页 调整 vue.config.js ......
vue--day36--render函数
1.脚手架里面为什么main.js 里面，使用了render 函数/** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提示 ......
验证码插件 vercode.js
第1代图片验证码 - 字母数字型 第2代滑动验证码 - 图片截取型 第3代验证码 - 选图型 vercode.js 结合了上面的情况下新研发的一种验证码。 验证码类型 验证码描述 操作性 安全性 描述 字母数字型图片验证码 这是一种通过后台随机码生成图片的验证码。服务器会在随机码生成时保存随机码。 ......
Vue 中不同页面之间如何进行传值
情景：比如页面1中获取到的值，页面2中需要用到，如何将页面1中的值传递给页面2呢？ 解决方法：可通过路由传参的方式 参考：https://blog.csdn.net/pleaseprintf/article/details/131345971 ......
js 计算两个字符串日期相差多少天
你可以使用JavaScript的Date对象来计算两个字符串日期之间的天数差异。首先，将两个字符串转换为Date对象，然后计算它们之间的毫秒差值，最后将毫秒差值转换为天数。 以下是一个示例代码： function getDaysDifference(dateString1, dateString2) ......
vue+element-ui封装一个下拉框
一.单下拉框组件封装 1.下载安装element-ui组件库，并创建文件夹文件等操作，配置好路由。 2.在element-ui里面复制select代码至组件中。 3.数据的处理（数据应该放在使用者的身上而不是select组件上，用组件通信的方式进行传值） 4.选择值的处理 子组件选择一个内容后要把值 ......
vue--day35--脚手架分析
pckgage.json 包的说明书 "scripts": { "serve": "vue-cli-service serve", 运行项目 "build": "vue-cli-service build", 编译 "lint": "vue-cli-service lint" 语法检查 }, pac ......
vue--day34--创建vue 脚手架
1. 配置淘宝镜像 npm config set registry https://registry.npm.taobao.org 2. 获取淘宝镜像是否设置成功 npm config get registry 3. 仅执行一次 全局安装 npm install -g @vue/cli 可能会报错 ......
vue-day33-vue 单文件组件
1.indedx.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>练习一下单文件组件的语法</title> </head> <body> <div id="root"></div> <script type="te ......
通过JS设置CSS样式
#### 读取元素样式 在JS中可以使用`getComputedStyle() `读取元素样式 >**官网摘要** Window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有 CSS 属性的值。私有的 CSS 属性值可 ......
js语法
const [lon, lat] = coord.split(',').map(Number); 原理解释 使用了解构赋值和数组映射的方式从坐标字符串（coord）中提取经度（lon）和纬度（lat）值，并将它们从字符串转换为数字。 1、 coord.split(',')：使用逗号 , 作为分隔符， ......
vue 使用vue-json-viewer 展示 JSON 格式数据
# 为什么需要Vue-json-viewer 在前端开发中，我们经常需要处理JSON数据。然而，JSON数据一般是以字符串的形式来传递，难以直观地查看、理解和调试，这阻碍了我们开发工作的进程。Vue-json-viewer组件正是为了解决这个问题而生。 # 安装 vue-json-viewer插件 ......
vue 使用剪切板功能功能vue-clipboard2
# vue-clipboard2介绍 vue-clipboard2是前端能够调用剪切板的一个插件。具体的描述官网上也有具体的说明， npm地址https://www.npmjs.com/package/vue-clipboard2 github地址https://github.com/Inndy/v ......
vue使用echarts图表，有一个组件：v-charts
# 介绍 在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。 ......
vue3 + element 实现季度选择框
效果图 1.子组件 <template> <div class="el-quarter-wrap"> <el-popover title="" content="" width="320" v-model="visible"> <template #reference> <el-input v-mo ......
【技术积累】Vue.js中的组件库【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
vue3如何正确设置 Tailwind CSS
1.创建vue3项目 npm init vue@latest 需要配置的选择YES 2.切换到 项目newProject目录下 npm install 下载依赖包 3.安装 tailwind 及其依赖项(PostCSS 和自动前缀) npm install -D tailwindcss@latest ......
vue3+ts利用draggable组件实现拖拽
界面展示 实现步骤 安装组件（vue3引入的包为vuedraggable@next ，vue2为vuedraggable） npm i -S vuedraggable@next 引入并使用组件 <template> <!-- 此页面template中没有可刷新页面的数据变化，拖拽会不起作用，所以加个 ......
关于项目开发中遇到的难点问题-vue项目中页面需要在浏览器中打开新窗口，但是当关闭新窗口时候，sessionStorage中数据丢失问题
vue项目中页面需要在浏览器中打开新窗口，但是当关闭新窗口时候，sessionStorage中数据丢失问题。 问题描述：项目中A页面有table列表，在列表上方有“导入文件”按钮，点击按钮后需在浏览器新窗口中打开B页面,在B页面进行选择文件上传xlsx数据经过一系列校验后，将最终确定的数据返回回显在 ......
vue3 checkbox 单选
<template> <div class="ant-checkbox-group ant-checkbox-group-outline"> <label v-for="item in getOptions" :key="`${item.value}`" :class="getCheckboxwra ......