项目vue3 vue
22-Vue组件化编程
使用传统的方式编写应用 传统的方式，一般离不开前端的三大件（HTML、CSS、JS） HTML：HTML是超文本标记语言（Hyper Text Markup Language）是用来描述网页的一种语言，负责网页的架构 CSS：CSS是一种层叠样式表(级联样式表、样式表)，是⼀种标记语⾔，负责网页的样 ......
vue 加号增加一组控件，组内套组
一、vue 加号增加一组控件，组内套组 1、要实现功能，每组内有子组数据，子组也可以增长多条，实现如下图： 2、代码 <template> <el-col :span="24"> <el-form-item label="线路车辆：" prop="mobile"> <div class="deman ......
告别复杂逻辑，项目终于用上了 Spring 状态机，非常优雅！
告别复杂逻辑，项目终于用上了 Spring 状态机，非常优雅！ 1、什么是状态机 1.1 什么是状态 先来解释什么是“状态”（ State ）。现实事物是有不同状态的，例如一个自动门，就有 open 和 closed 两种状态。我们通常所说的状态机是有限状态机，也就是被描述的事物的状态的数量是有限个 ......
Vue学习笔记（七）：绑定css样式
1 绑定class样式¶ vue为HTML绑定css中的class样式是通过v-bind实现的。 1.1 绑定单个class¶ 把需要绑定的样式class名赋值给一遍变量，然后通过变量v-bind绑定class属性，绑定后的class并不会覆盖原来的class属性，而是与原来的class进行叠加。如 ......
查漏补缺，这些热门开源项目你都知道么？「GitHub 热点速览」
本期热点速览的周榜部分的项目，基本上每周都会在 GitHub Trending 见到它们的身影，因为它们实在太火了。一般来说，这些火爆的项目大家都耳熟能详，但是为了防止有些小伙伴不怎么逛 GitHub，以及并没有翻阅之前的月刊或者是热点速览。借着这个大家不怎么搞新项目的假期，索性收集下常见的 5 个... ......
Vue指令
： 差值表达式不能写在属性中 如：:src ={{imgUrl}}是错误的写法 ：根据删除对应的项 ：关于v-for中加上：key的作用 ：v-for中一定要加上：key 推荐使用id唯一标识 v-model :指令修饰符 :v-bind : 导航栏高亮案例 进度条案例： ： ：v-modle表单属 ......
webpack5_webpack多静态html项目打包
const { resolve } = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') const MiniCssExtractPlugin = require('mini-css-extract-pl ......
vue项目使用lodash节流防抖函数问题与解决
背景 在lodash函数工具库中，防抖_.debounce和节流_.throttle函数在一些频繁触发的事件中比较常用。 防抖函数_.debounce(func, [wait=0], [options=]) 创建一个 debounced（防抖动）函数，该函数会从上一次被调用后，延迟 wait 毫秒后 ......
vue $refs 获取的结果有时候是数组
在工作的时候要从接口读取数据，生成一个动态的表单 首先做的就是绑定ref 然后使用const { proxy } = getCurrentInstance();来读取ref，看了半天数据怎么不对，控制台打印后，发现是一个数组 后来观察到只要是使用v-for生成的获取ref时，即使没有重复，结果也是数 ......
路飞项目1
企业项目类型 # 1 面向互联网用户：商城类项目 -微信小程序商城 -线上线下结合 # 2 面向互联网用户：二手交易类的 -咸鱼 -转转 -交友平台 # 3 公司内部项目，给某些用户定制项目：python写的重点 -运维管理，监控平台，资产管理 -oa系统 -打卡系统工资核算系统 -第三方公司做的： ......
虚拟环境搭建、luffy后台项目创建，目录调整、封装logger、封装全局异常、封装Response、后台数据库创建、Luffy前台项目创建
虚拟环境搭建 #1 虚拟环境作用 多个项目，自己有自己的环境，装的模块属于自己的 # 2 使用pycharm创建 -一般放在项目路径下：venv文件夹 -lib文件夹 》site-package--》虚拟环境装的模块，都会放在这里 -scripts--》python，pip命令 # 3 本地创建了虚 ......
luffy后台项目创建
1. 项目创建 1. 使用命令创建luffy项目 2. 创建虚拟环境 mkvirtualenv -p python310 luffy 3. 安装django pip install django==3.1.12 4. 命令创建项目 django-admin startproject luffy_ap ......
eclipase项目导入错误Some projects cannot be imported because they already exist in the workspace
根本原因：workplace 和工程名冲突 解决办法： 1.新建一个目录，打开工程选择该路径 2.导入实际工程得路径位置 ......
软件开发项目文档系列之一文档综述
在当今数字时代，软件项目已经成为企业和组织实现业务目标的关键工具。然而，要确保软件项目的成功，除了高质量的代码和卓越的技术团队之外，文档的重要性也不可忽视。软件项目文档是项目的桥梁，它们连接了项目的各个阶段，记录了关键信息，帮助各方了解项目的需求、设计、开发、测试和部署。在这篇博客中，我们将深入探讨... ......
App.vue 的组成部分
App.vue 文件（单文件组件）的三个组成部分：结构、样式、行为 结构通过 template 标签提供，行为通过 script 标签提供，样式通过 style 标签提供 三部分组成： template ：结构（vue2 中有且只能有一个根元素） script ：js 逻辑 style ：样式（可支 ......
虚拟环境搭建，luffy后台项目创建、目录调整，封装logger，封装全局异常，封装Response，后台数据库创建，luffy前台项目创建
1 虚拟环境搭建🚜 #1 虚拟环境作用 多个项目，自己有自己的环境，装的模块属于自己的 # 2 使用pycharm创建 -一般放在项目路径下：venv文件夹 -lib文件夹 》site-package--》虚拟环境装的模块，都会放在这里 -scripts--》python，pip命令 # 3 本地 ......
Vue源码学习(九):响应式前置:实现对象的依赖收集(dep和watcher)
好家伙,这是目前为止最绕的一章,也是十分抽象的一章 由于实在太过抽象,我只能用一个不那么抽象的实例去说服我自己 完整代码已开源https://github.com/Fattiger4399/analytic-vue.git 1.我们要做什么? 来看这个例子, index.html setTimeou ......
Vue工程中 main.js 的作用、npm run serve的执行流程
1.内容： import Vue from 'vue' //导入 Vue 核心包 import App from './App.vue' //导入 App.vue 根组件 Vue.config.productionTip = false //提示当前处于什么环境（生产环境 / 开发环境），fasle ......
Vue项目的使用
解析Vue项目 // 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.Vue必须是： <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由： // 先导入 import ya ......
路飞商城项目介绍
路飞商城项目需求 # 线上销售课程的 -商城 -知识付费类 # 需求 -首页功能 -轮播图接口 -推荐课程接口 -用户功能 -用户名密码登录 -手机号验证码登录 -发送手机验证码 -验证手机号是否注册过 -注册接口 -课程列表功能 -课程列表接口 -排序，过滤，分页 -课程详情 -课程详情接口 -视 ......
Vue-router、localStorange
Vue-Router的使用 作用： 借助于router可以实现单页面组件之间的跳转 this.router的一些使用方法： this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面) this.$router.replace(path): 用新路由替换当前路由(不 ......
vue3子组件页面不更新
写在前面 这是一次滑铁卢，整整找了半天时间... 项目结构 我有一个组件A，A中定义了一个属性data：Object，A中将data赋值给了一个reactive类型的对象R。页面中均使用R。 现象描述 当调用A的父组件P更新了A的data后，A的页面不更新 问题分析 P更新A后，A是一个新的对象，但 ......
vue封装搜索组件，自定义elment搜索组件
组件案例 <template> <div class="dialog-search"> <el-form :inline="true" ref="ruleForm" :model="formInline" class="demo-form-inline top-screen"> <div class ......
vue框架是什么
vue 是什么 vue是一个用于构建用户界面的渐进式框架 构建用户界面： 基于数据动态渲染页面 渐进式：循序渐进的学习 框架：一套完整的项目解决方案 如图： 渐渐式就是学习可以循序渐进的，只要学习了声明式渲染，组件系统就可以完成网页中的局部改造 ......
vue3绘制和回显多边形
参考了这个：https://blog.csdn.net/weixin_42178050/article/details/130012696 将其从vue2的语法改成了vue3，效果如下： 代码如下： <template> <div class="app-container"> <div class= ......
vue前端接收数组；
后端 $this->assign('info',$expert); 如果是数组/对象，需要在接收页面这样写： 在data内变量赋值： info： <?php echo json_encode($info);?> 另外有其他写法： $this->assign('info',1); 如果是单个值： 在d ......