vue模块化第24页

VUE3配置sass、less全局变量

less配置流程和sass一致，把文中的scss换成less即可，less中变量定义为：@params-name安装sasssass-loader定义样式全局变量在style/variable.scss创建一个variable.scss文件,并定义全局变量$common-color:red项目中引入全局变量$在style/variable.scss创建一个variable.scss文件，并在vit

m0_50156032·2024-08-24 09:49

knowLedge-无关系组件间方法的调用(创建新的 Vue 实例来作为事件总线（Event Bus）方法实现)

1.前言在vue中两个组件无关系(非父子，兄弟即非直接关系)，要实现一个组件对另一个组件方法调用以及数据通信。vue本身没有直接提供非关系组件间通信的内置机制。

哟哟耶耶·2024-08-24 09:47

vue3使用canvas画动态虚线和普通虚线

1、使用ref封装虚线方法constdrawDashed=(x:any,y:any,x1:any,y1:any,color:any,width:any,canvas:any)=>{constctx=canvas.value.getContext("2d");ctx.lineWidth=width;ctx.strokeStyle=color;ctx.beginPath();ctx.setLineDa

Abao·2024-08-24 09:46

前端审查_Nginx

项目如何部署上线前端如何构建生产环境代码vueCli/vite/cra/umi等都是运行build脚本npmrunbuildbuild如何定义打包生产环境代码配置vueCli在配置文件vue.config.js

苦逼的猿宝·2024-08-24 08:11

推荐使用：Helia - 现代化的IPFS TypeScript实现

宋韵庚·2024-08-24 07:34

Qt+vue开发桌面应用程序（二）Vue部分介绍

上一章介绍了Qt+vue开发桌面应用程序（一）Qt部分介绍，本文介绍Vue部分一、原理介绍主要是引入Qt5里面qwebchannel.js文件，再定义交互类和Qt5交互二、代码实现在Vue项目中的public

丁爸·2024-08-24 07:00

流程图编辑框架LogicFlow-vue-ts和js

LogicFlow官网https://site.logic-flow.cn/LogicFlow是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端研发自定义开发各种逻辑编排场景，如流程图、ER图、BPMN流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。效果图将此项目导入自己现有项目中：在自己现有项目中

懒员员·2024-08-24 06:29

vue组件封装——公用基础table组件

ui框架用的element-ui；vue版本为vue2（2.5.17）baseTable组件table+pagination{{scope.row[column.prop]}}exportdefault

h_jQuery·2024-08-24 06:27

Vue3学习——Node环境安装（一）

在进行Vue项目开发时，必须先安装Node.js。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。

rain_love_snow·2024-08-24 06:57

探索 LogicFlow Vue Demo：一款强大的可视化建模工具

探索LogicFlowVueDemo：一款强大的可视化建模工具是一个基于Vue.js的逻辑流程图绘制库的示例项目，它为开发者提供了一种直观、易用的方式来创建和展示复杂的逻辑流程图。

杭律沛Meris·2024-08-24 06:57

2019-06-26vue-cli使用sass

save-devsass-loader//sass-loader依赖于node-sassnpminstall--save-devnode-sass修改style标签打开src目录下的components目录中的Hello.vue

Kason晨·2024-08-24 06:09

不同分辨率下vue页面的高度自适应

1.使用视口单位.element{height:100vh;/*使得元素高度等于视口高度的100%*//*可以减去一部分高度以适应页眉或页脚*/height:calc(100vh-100px);}2.使用百分比（%）高度.parent{height:100vh;/*父元素高度等于视口高度*/}.child{height:50%;/*子元素高度为父元素高度的50%*/}3.使用Flexbox或Gri

Abao·2024-08-24 06:24

vue @scroll监听滚动条事件，解决不生效问题

1、单纯加@scroll并不生效2、在配置@scroll同时在mounted加上一下方法mounted(){window.addEventListener('scroll',this.loadMore,true)},3、loadMore方法可以自己定义loadMore:function(e){console.log(e)}4、通过以上可以顺利监听滚动条监听事件

Long long ago.·2024-08-24 05:48

vue3中shallowRe用法介绍

shallowReactive、‌shallowRef和shallowReadonly是Vue3中CompositionAPI的一部分，‌它们用于创建响应式数据，‌但与普通的reactive、‌ref和

phpgolife·2024-08-24 04:13

Vue3的Hooks的使用创建（组合式API的灵魂）

可以利用toValue()工具函数来实现：import{toValue}from'vue'functionuseFeature

J不A秃V头A·2024-08-23 23:45

Vue Styled Components 新版本发布

仓库地址：https://github.com/vue-styled-components/core文档地址：https://vue-styled-components.com近段时间版本升级比较频繁，

来一杯奶茶呀！·2024-08-23 23:14

Vue computed多种使用场景和详细使用案例

Vue的computed属性是一种特殊的数据属性，它们根据组件中其他数据属性的值动态计算得出。computed属性是响应式的，只有当依赖的响应式数据发生变化时，计算属性才会重新计算。

夲奋亻Jay·2024-08-23 23:13

vue3什么场景使用computed?如何使用

比如说，我们有这样一个包含嵌套数组的对象：jsconstauthor=reactive({name:'JohnDoe',books:['Vue2-AdvancedGuide','Vue3-BasicGuide

fury_123·2024-08-23 23:42

程序员的成长之路：平衡编码工作与持续学习

目录一、引言1.1程序员面临的挑战与机遇1.2日常工作与提升自我学习的矛盾二、高效编码习惯与时间管理技巧2.1模块化设计与代码复用2.2代码质量管理与技术债务的减少2.3使用合适的工具和技术栈2.4时间管理技巧

嵌入式大圣·2024-08-23 22:07

Django后端架构开发：信号与缓存架构开发

信号的核心思想是“发布-订阅”模式，这使得代码更加模块化和可维护。信号发送是整个信号机制中的第一步，本节将深入探讨如何在实际项目中使用信号发送来管理数据流。

Switch616·2024-08-23 22:05

Flask+Layui开发案例教程

Python语言的敏捷开发框架_DjangoAdmin敏捷开发框架Flask+Layui版本_开发文档软件产品基于Python语言，采用Flask2.x、Layui、MySQL等技术栈精心打造的一款集模块化

mangge08·2024-08-23 21:02

uniapp-组件规范

uni_module、datacom、原生组件、uniCloud组件easycom：只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.vue

if.else.Z·2024-08-23 21:59

Vue axios在Spring Boot 的 Controller中接收数组类型的参数

现在我们来看看如何使用Vue的axios发送POST请求来调用这个接口。

serve the people·2024-08-23 21:58

计算机毕业设计之springboot+mpvue招聘网站招聘信息分享平台招聘信息分享小程序

介绍小程序端，使用美团小程序框架mpvue+有赞UI组件库Vant+蚂蚁金服数据可视化方案AntV等。后端基于SpringBoot+MyBatis+Redis+Mysql。

计算机毕业设计大全·2024-08-23 21:13

Keras深度学习库的常用函数与参数详解及实例

Keras以其用户友好、模块化、可扩展性而受到广泛欢迎，适用于从深度学习新手到经验丰富的研究人员。常用函数及其参数Dense()全连接层，用于构建神经网络中的线性部分。units:层中的神经元数量。

零度°·2024-08-23 21:56

Vue3的三种样式控制及实现原理

个人知乎Vue3中一共有三种样式控制，分别是全局样式控制、局部作用域样式控制和深度样式控制，今天我们一起看下这三种样式控制的使用，以及实现的原理是什么。

沐爸muba·2024-08-23 19:19

深入理解Vue数据响应式

Vue数据响应式主要研究的是Vue构造选项中data属性的特性深入响应式官方文档网址：https://cn.vuejs.org/v2/guide/reactivity.html1.首先理解ES6的getter

雨溪滩·2024-08-23 18:20

electron-vite封装UI级的消息提示

说明Electron+Vite+Vue3+ElementPlusElectron中写提示有两种方案：系统级：electron带的dialog相关APIUI级：UI框架内部的提示，如ElMessage、ElMessageBox

前端没钱·2024-08-23 18:12

Vue3+ElementPlus el-date-picker设置可选时间范围

需求:选择年份，对应的日期范围选择器跟随年份变化，只可选当前年份ElementPlus的el-data-picker没有picker-options属性，但是提供了default-value属性可以设置不可选的日期这里我们定义一个方法disabledDateFun用来筛选符合要求的日期，接受一个date格式的对象作为参数，返回格式为Boolean//此函数接受date作为参数通过判断是否符合要求返

屠灵666·2024-08-23 18:41

(JS\VUE\REACT) div拖拽移动+控制大小（高度、宽度）及单独只控制div的宽度

一、div拖拽移动+控制大小（高度、宽度）1.演示数据拖拽测试数据01测试数据022.初始化（页面生成时调用）varbox=document.getElementById('box')vardrag=document.getElementById('drag')varscale=document.getElementById('scale')//调用拖拽方法this.dragTop(drag)//

丁先生320·2024-08-23 18:11

vue中table表格根据返回数据显示内容及表格字段对应的数据类型是数组

问题1：定义：方法：sfktHouse(row,index){if(row.stopType=="120000"){return"停机保号";}if(row.stopType=="230000"){return"到期停机";}}问题2：方法1：{{orderItems.goodsNbr}}方法2：//遍历table中roles数组rolesData(row){letarr=[]row.roles.

丁先生320·2024-08-23 18:11

vue面试题四

v-show和v-if是Vue.js中用于控制元素显示与隐藏的两个常用指令，但它们的工作方式和性能表现有所不同。

笃励·2024-08-23 18:41

vue面试题十四

一、Vue3的CompositionAPI主要包括哪些函数和钩子？

笃励·2024-08-23 18:41

若依/vue2引入threejs展示glb/gltf模型，以及画布截图功能

需求背景：前端对glb/gltf模型进行线上管理，支持上传本地模型，每次上传后展示模型，在提交给后端的时候带上该模型的截图，具体效果不便展示，相关代码如下：1.安装依赖//"three":"^0.162.0",npminstallthree2.引入依赖，初始化画布并渲染模型//1.引入import*asTHREEfrom"three";import{OrbitControls}from"three

怎么吃不饱捏·2024-08-23 18:40

Android架构组件：MVVM模式的实战应用

在Android开发中，MVVM（Model-View-ViewModel）模式是一种非常流行的架构模式，它可以帮助开发者更好地组织代码，使得应用程序更加模块化、易于维护。

小绵羊不怕大灰狼·2024-08-23 17:38

vue面试题十六

**一、Vue3相对于Vue2有哪些主要改进和新增特性？**Vue3相对于Vue2在多个方面进行了显著的改进和新增了多项特性，这些改进旨在提升性能、提供更好的开发体验以及增强代码的可维护性和可读性。

笃励·2024-08-23 17:35

Vue页面中debugger失效

目录一、F12打开开发者工具，找到设置二、去掉自定义排除规则一、F12打开开发者工具，找到设置二、去掉自定义排除规则

Monly21·2024-08-23 17:32

vue3 语法糖＜script setup＞

在Vue3中，是一种新的语法糖，它极大地简化了组件的编写方式。是在单文件组件(SFC)中使用组合式API的编译时语法糖。当同时使用SFC与组合式API时该语法是默认推荐。

fishmemory7sec·2024-08-23 16:01

什么是封装？为什么是要封装？

封装的目的是为了实现信息隐藏和代码的模块化，具体原因如下：1.隐藏实现细节：封装可以将类的内部实现细节隐藏起来，使外部无法直接访问和修改对象的内部状态。

小鼠米奇·2024-08-23 16:27

vue 2.0 对应vuex的commit用法

在Vue.js2.0中，commit方法通常与Vuex（Vue的状态管理模式+库）一起使用，用于触发mutation（更改Vuexstore中的状态的唯一方法）。

&loopy&·2024-08-23 16:26

vue mapActions的使用

在Vue.js中，特别是在使用Vuex进行状态管理时，mapActions是一个辅助函数，用于帮助我们将组件中需要调用的actions映射到本地方法上。

&loopy&·2024-08-23 16:26

uni-app 如何开发多平台小程序

Uni-app是一个使用Vue.js语法开发跨平台应用的前端框架，可以一次性编写代码并发布到多个平台，包括小程序（如微信小程序、支付宝小程序、百度小程序等）、H5、App（iOS和Android）等。

梨园猫·2024-08-23 16:25

前端构建工具 webpack与vite对比

webpack工作特点：Webpack是一个功能强大的模块打包器，它允许开发者以模块化的方式组织代码，在启动时加载所有相关依赖。

人间小趴菜·2024-08-23 15:53

008 三级分类

文章目录tb_category.sqlvscodecategory.vue(模板)static->config->index.jseslint不校验三级分类模板dialog模板代码前端category.vueindex.js

简洁冬冬·2024-08-23 13:10

005 vue

文章目录vue常用指令01vue-helloworld.html02v-if与v-show.html03v-on.html04v-for.html05v-bind.html06v-model.htmlvue

简洁冬冬·2024-08-23 13:40

计算机毕业设计hadoop+spark知识图谱美食推荐系统美食价格预测美团推荐系统美团爬虫大众点评爬虫美食数据分析美食可视化大屏大数据毕设

混合神经网络、MLP深度学习模型)6.线性回归算法预测房价7.Python爬虫采集大众点评美食数据8.AI短信识别9.百度地图API10.lstm情感分析11.spark大屏可视化开发技术：springbootvue.jspythonechartsspar

计算机毕业设计大全·2024-08-23 13:22

使用 ABP 框架 (ASP.NET Boilerplate Project) 创建一个带有迁移功能的示例

ABP框架提供了强大的模块化和分层架构，适合构建复杂的企业级应用程序。以下是一个使用ABP框架的完整示例项目，它展示了如何创建一个包含Student实体的项目，并通过迁移功能管理数据库。

一个代码猎人·2024-08-23 13:08

如何使用 Vue.js 实现炫酷网页效果：从动态数据可视化到动画按钮的全面示例

这里是一些完整的Vue.js示例代码，你可以直接复制这些代码到你的Vue项目中并运行，来看到具体的效果。