事项vue cli 01

vue全家桶进阶之路33:Vue3 计算属性computed

在Vue3中,计算属性可以使用computed函数来定义。 computed函数接受两个参数:第一个参数是一个函数,该函数返回计算属性的值;第二个参数是一个可选的配置对象,可以包含getter和setter函数,以及控制计算属性缓存的缓存配置。 Vue3中的计算属性与Vue2中的计算属性相比有以下几 ......
全家 computed 属性 Vue3 vue

vue3微信公众号商城项目实战系列(7)自定义底部tabbar组件

在开始之前,先看看官方对组件的定义: vue3的生态非常丰富,有各种各样的开源组件库可以拿来就用,比如vant、element-ui等,本系列不使用任何第3方组件, 完全使用原生的语法来写,只为聚焦vue3技术本身,本篇写一个自定义tabbar组件,效果如下图所示: 要实现如下功能: 1. 底部ta ......
底部 实战 组件 公众 商城

VUE上传大型视频文件到服务器,解决方案

​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
解决方案 服务器 文件 方案 视频

直播app源码,使用vue-awesome-swiper创建轮播图幻灯片

直播app源码,使用vue-awesome-swiper创建轮播图幻灯片 1. 引入 引入方式可以参考官方文档,两种方式选一种即可:vue-awesome-swiper at v3.1.3 (1)第一种方式:在main.js入口文件中全局引入 // /src/main.js // swiper全局引 ......

vue项目使用定时器每隔几秒运行一次某方法

代码如下: data() { return { timer:null, //定时器名称 }; }, created() { this.setTime(); }, beforeDestroy() { clearInterval(this.timer); // 清除定时器 this.timer = nu ......
定时器 方法 项目 vue

初识vue3

定义 Vue是一款Javascript框架,基于前端三大件,提供了具有组件化,声明式,渐进式的特点的编程模型。 ##核心功能 1.声明式渲染 2.响应式 ##组件之单文件组件 Vue最为核心的组成部分便是单文件组件,文件结尾为*.vue 宏观的逻辑是这样的: *.vue创建组件-> .js文件中将组 ......
vue3 vue

vite vue使用pont-engine

pont-engine 是一款阿里的api生成工具! 安装依赖即可 yarn add --dev pont-engine 然后即可使用 pont start 问题 但是因为默认生成的代码 包含cjs的模块语法,所以vite无法识别。 另外生成代码前最好把旧的生成目录删除! 解决办法 因此我做了如下优 ......
pont-engine engine vite pont vue

ip 表单验证 vue iview

ip 表单验证 vue iview template <Row v-show="config.bindIP"> <Col span="12"> <FormItem label="绑定IP:" prop="userPhoto" :rules="[{ required: true, validator: ......
表单 iview vue ip

vue中使两个不同高度的div(内容长度不一)高度相同

设置高度height,记得给左右侧div一个最小高度min-height,保证没有内容的时候有一定的高度,内容撑起来的时候再自动适应 <el-col :xs="12" :sm="6" :md="2" class="grid-cell"> <div class="grid-content bg-pur ......
高度 长度 两个 内容 vue

Vue3 回顾vue2的响应式原理

视频 vue2.x的响应式 实现原理: 对象类型:通过Object.defineProperty()对属性的读取、修改进行拦截(数据劫持)。 数组类型:通过重写更新数组的一系列方法来实现拦截。(对数组的变更方法进行了包裹)。 Object.defineProperty(data, 'count', ......
原理 Vue3 vue2 Vue vue

Vue3 Vite H5 拖拽条组件,可下拉收起/关闭,上拉展开

同样是懒人想找现成的但没找到,参考其他朋友提供的思路现写一个。 效果 代码 简单的demo。 DragBar.vue <template> <div class="popup__top" @touchstart="onTouchstart" @touchmove="onTouchmove" @tou ......
组件 Vue3 Vite Vue H5

JavaScript 发布-订阅设计模式实现 React EventBus(相当于vue的$Bus)非父子之间通信

提前声明: 我没有对传入的参数进行及时判断而规避错误,仅仅对核心方法进行了实现; 解决了react的非父子间的通信; 参考文档:https://github1s.com/browserify/events/blob/main/events.js https://www.npmjs.com/packa ......

Vue3 reactive函数

视频 3.reactive函数 作用: 定义一个对象类型的响应式数据(基本类型不要用它,要用ref函数) 语法:const 代理对象= reactive(源对象)接收一个对象(或数组),返回一个代理对象(Proxy的实例对象,简称proxy对象) reactive定义的响应式数据是“深层次的”。 内 ......
函数 reactive Vue3 Vue

vue 怎样让变量在第一次赋值时不触发watch

需求需要在create中为一个变量赋值,后续监听这个变量值的变化 解决在第一次赋值后,添加 this.$watch('emailInput', this.changeAlert) 第一个变量为 需要监听的变量第二个变量为 监听变量变化后做的操作,是一个方法,类似于watch中的handler 这个方 ......
变量 第一次 watch vue

学习记录:第四周day01笔记

结构: 结构是由程序员自己设计的一种数据类型,用于描述一种事务的各项数据,由若干个不同的基础类型组成 设计: struct 结构体类型名 { 类型名 成员名 ... }; 定义: struct 结构体类型名 结构体变量名; 注意:C语言中定义结构体变量时,struct关键字不能省 初始化: stru ......
笔记 day 01

学习记录:第三周day01笔记

一、函数指针 函数名就是一个地址(整数),代表了该函数在代码段中的位置 函数指针就是专门指向某种函数的指针,它存储的是该函数在代码段中的位置(函数名) int main { int (*funcp)(const char*,...)=scanf; int num=0; funcp("%d",&num ......
笔记 day 01

vue 课堂笔记

1、 数组合并 说明:定义两个数组arr1 和arr2,然后把这两个合并放入arr3中; const arr1=[1,2,3,4,5] const arr2=[6,7,8,9] //合并数组 const arr3=[...arr1,...arr2] //转字符串以逗号分割 const arr4=ar ......
课堂笔记 课堂 笔记 vue

Vue2

Vue的指令: 用在dom元素的属性上。 ​ {{}} 差值表达式 ​ v-text: 文本显示 ​ v-html: 解析html文本 ​ v-on: 绑定事件 @ ​ v-bind: 绑定dom中的属性 : ​ v-show v-if: 隐藏和显示dom元素 ​ v-model: 设置和获取表单元 ......
Vue2 Vue

Vue

1. vue简介 它是一个Javascript框架,作用:简化dom的操作,以及响应式编程 2. 在webstorm中创建工程 (1)引入vue.js文件 <script type="text/javascript" src="js/vue.js"></script> (2)body创建一个div标 ......
Vue

【LeetCode动态规划#07】01背包问题一维写法(状态压缩)实战,其二(目标和、零一和)

目标和(放满背包的方法有几种) 力扣题目链接(opens new window) 难度:中等 给定一个非负整数数组,a1, a2, ..., an, 和一个目标数,S。现在你有两个符号 + 和 -。对于数组中的任意一个整数,你都可以从 + 或 -中选择一个符号添加在前面。 返回可以使最终数组和为目标 ......
写法 背包 实战 LeetCode 状态

vue往组件中传值,值在组件内如何实现修改

Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or compute ......
组件 vue

(三) vue组件化-组件通信

父子组件之间的通信 父组件传递给子组件:通过props属性; 子组件传递给父组件:通过$emit触发事件 父组件传递给子组件 在开发中很常见的就是父子组件之间的通信,比如父组件有一些数据,需要子组件来进行展示: 这个时候可以通过props来完成组件之间的通信; 什么是props props是可以在注 ......
组件 vue

扎实打牢数据结构算法根基,从此不怕算法面试系列之006 week01 02-06 循环不变量

循环不变量 #1、循环开始时需要做什么? 之前我们讲的线性查找法的核心代码如下: public static <E> int search(E [] data,E target){ for (int i = 0; i < data.length; i++) if (data[i].equals(ta ......
算法 数据结构 根基 结构 数据

wangeditor5 vue2 安装后运行报错 Error in ./node_modules/@wangeditor/editor/dist/index.esm.js

问题 解决方法: 原因就是引入的链接不对, 使用cnpm 、 npm、pnpm、yarn安装插件的时候,路径都是不一样的,所以要对应着改路径就可以了 链接:https://github.com/wangeditor-team/wangEditor/issues/4041 ......

设备调试基础01-设备登录

设备调试基础01-设备登录 1 设备登录前准备 1.1 登录形式分类 Console登录: 以命令行形式登录, 通常用于设备开局 本地/远程Telnet、SSH(Stelnet)登录: 通过直连或者网络形式以命令行形式登录 本地/远程Web登录: 通过直连或者网络形式以可视化界面登录, 相较于命令行 ......
设备 基础 01

vue中的插槽

插槽用大白话讲就是:在子组件中用slot标签占个位置,然后在父组件中,子组件标签里嵌套一个标签,然后执行的时候用嵌套的标签替代slot 子组件:组件MySon定义了一个默认插槽,用slot标签表示。当父组件使用MySon时,可以在其标签内放置任意内容,该内容将会替换掉slot标签。 1 <templ ......
vue

【uniapp】【外包杯】学习笔记day04 | 学习模板+vue相关知识+环境搭建

没啥好说的,人与人的悲欢并不相同,我只觉得吵闹。 好烦啊,虽然不应该总说一些低气压的话,不过目前预见的就是有很多工作要做,并且对于完成的希望也有点没有,就这样吧,没啥好说的。 昨天做了python的作业 今天晚上把小程序做出来。 明天搭建数据库。 ......
模板 环境 笔记 知识 uniapp

Vue基础语法

模板语法 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。vue将模板编译成虚拟dom,结合响应系统,Vue 能够智能地计算出最少需要重新 ......
语法 基础 Vue

01-Object、常用API

01-Object类、常用API Object类 概述 在Java中,Object类是所有类的根类,它位于Java类继承体系的最顶层。所有的Java类都直接或间接地继承了Object类,因此Object类中包含了一些在Java编程中非常常用的方法。 常用方法 以下是一些Object类中常用的方法: ......
常用 Object API 01