Vue基础教程第24页

适合编程初学者的开源云笔记系统（NodeJS版）

左侧为前端版本：安卓、iOS、鸿蒙、Flutter、Vue、uni-app。

蓝不蓝编程·2024-08-22 06:45

Vue之前端批量下载文件并以压缩包形式存储

后端返回一个文件链接的数组，前端处理下载逻辑，并且将这些文件存储在压缩包内部，这用的jszip和file-saver这两个库。步骤说明1.使用npm或yarn安装jszip和file-saver。npminstalljszipfile-saver2.获取文件内容：使用fetchAPI获取每个文件的内容。3.生成压缩文件：使用jszip将获取到的文件内容添加到压缩包中。4.下载压缩文件：使用file

半糖不加奶·2024-08-22 05:56

使用webpack搭建个本地项目

cdmy-webpack-project3、初始化项目npminit-y4、安装webpack和webpack-cli作为开发依赖npminstall--save-devwebpackwebpack-cli5、安装vue

不熬夜的臭宝·2024-08-22 05:26

Vue 3项目安装Element-Plus

ElementPlus是一个基于Vue3的现代前端UI框架，它旨在提升开发体验，并为开发者提供高效、优雅的组件。

洛*璃·2024-08-22 04:19

vue3组件通信与props

title:vue3组件通信与propsdate:2024/5/31下午9:00:57updated:2024/5/31下午9:00:57categories:前端开发tags:Vue3组件Props详解生命周期数据通信模板语法

qcidyu·2024-08-22 04:18

vue中组件子传父个然理解，

拿个例子来//组件1Vue.component("navbar",{template:`点击-导航栏`,methods:{handleClick(){//console.log("子传父，告诉父组件，

呐呐呐嘿·2024-08-22 04:47

Vue3项目-Cesium地图初始化

Cesium1、安装Cesiumnpminstallcesium2、文件拷贝将node_modules中cesium/Build/Cesium文件夹拷贝至public目录下3、index.html配置Vite+Vue

呆呆的小草·2024-08-22 03:44

【vue3】组件通信

一、Vue3组件通信和Vue2的区别：●移出事件总线，使用mitt代替。●vuex换成了pinia。●把.sync优化到了v-model里面了。

逆旅行天涯·2024-08-22 03:09

详细介绍 Vue3 的 watch 和 watchEffect

在Vue3中，watch和watchEffect都是用于响应式地监听数据变化的工具，但它们有不同的使用场景和工作机制。

代码里的小猫咪·2024-08-22 02:06

计算机毕业设计（附源码）python医院药品进销存系统

项目技术：django+python+Vue等等组成，B/S模式+pychram管理等等。环境需要1.运行环境：最好是python3.7.7，我们在这个版本上开发的。其他版本理论上也可以。

杰记计算机程序源码·2024-08-22 01:59

Vue中的路由与多种守卫常见问题及解决方案

在Vue.js项目中，VueRouter是实现单页面应用（SPA）页面跳转的重要工具。路由守卫作为VueRouter的一个关键特性，用于在路由跳转前或跳转后进行逻辑判断，如权限验证、登录状态检查等。

Aic山鱼·2024-08-22 00:54

【鸿蒙基础系列】鸿蒙基础组件

作者简介：一名大三在校生，喜欢编程个人主页：Aic山鱼WeChat：z7010cyy系列专栏：️前端-JS基础专栏✨前端-Vue框架专栏✨✨Aic山鱼前端-有趣特效专栏❤️‍❤️‍❤️‍鸿蒙OS专栏（更新中

Aic山鱼·2024-08-22 00:54

如何学好uni-app

学习uni-app需要掌握以下技能：1.前端基础：熟悉HTML、CSS和JavaScript等前端开发技术，了解基本的前端框架如Vue.js。

梨园猫·2024-08-21 23:50

Vue 生命周期详解含demo、面试常问问题案例

Vue生命周期详解、面试常问问题案例含demo文章目录Vue生命周期详解、面试常问问题案例含demo一、Vue生命周期是什么二、Vue中如何使用生命周期钩子1.**beforeCreate**2.

二川bro·2024-08-21 23:17

大学生成果登记系统（10921）

加文章最下方的名片哦一、项目演示项目演示视频二、资料介绍完整源代码（前后端源代码+SQL脚本）配套文档（LW+PPT+开题报告）远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue

codercode2022·2024-08-21 23:45

vue3 vxe-grid 列自动扩展的问题，设置了width，然后maxWidth设置将不会起作用。

1、先上个图，我们先看一下官网说明：这里说明一点：1）如果我们全部设置了width，每一列都有width，那么系统会自动按照width来布局，也就是说你设置多少就是多少，屏越大，就越不会铺满。2）如果我们设置了min-width及max-width，那么系统会根据这个来处理。3）如果我们设置了%，百分比的话，那会根据百分比来布局。这里让我们感觉到一点，百分比也是比较管用的。2、那我们现在布局就有好

花花鱼·2024-08-21 23:13

Vue3 + Electron 创建新的子窗口且子窗口唯一

main.jsconst{app,BrowserWindow,ipcMain}=require('electron')...ipcMain.on('window-create',()=>{createChildWindow()})letchildWindow=nullconstcreateChildWindow=()=>{//如果窗口存在先销毁if(childWindow){childWindow

冰糖葫芦不结冰·2024-08-21 21:33

vue打包到iis_【Vue】webpack打包后发布到IIS，刷新找不到

将项目打包好放在iis上遇到两个问题，1.直接输入地址http://192.168.0.106:8089会跳到http://192.168.0.106:8089/home。但是刷新后就提示404，直接输入http://192.168.0.106:8089/home也是4042.我在config/index下设置代理module.exports={dev:{//PathsassetsSubDirec

weixin_39877581·2024-08-21 21:01

【Electron-Vue】搭建Electron-Vue前端桌面应用

目录前言搭建前准备开始搭建第一步：全局安装vue脚手架（如果已安装，就不必进行这一步了）第二步：通过vue脚手架，创建一个vue项目第三步：进入创建好的vue项目文件，安装electron第四步：配置package.json

aDiaoYa_·2024-08-21 19:22

Vue项目-Cesium案例（三）

一、HTML经度：{{location.lon.toFixed(6)}}纬度：{{location.lat.toFixed(6)}}二、JavaScriptimport*asCesiumfrom"cesium/Source/Cesium";importCesiumNavigationfrom"cesium-navigation-es6";import{reactive,ref,onMounted}

呆呆的小草·2024-08-21 19:21

Vue项目-Table添加Form表单校验

row.sex}}删除任务信息生成二、JS//------------------->-------------------import{ref,reactive,onMounted,nextTick}from"vue

呆呆的小草·2024-08-21 19:21

Vue3项目-Electron构建桌面应用程序

一、创建Vue3项目1、安装vue-clinpmi-g@vue/cli#ORyarnglobaladd@vue/cli2、创建vue项目(vue3)npmcreatevue@latest3、创建完成后启动项目

呆呆的小草·2024-08-21 18:46

v-for 实例

v-for实例v-for实例{{item}}{{index+1}}：{{student.name}}-{{student.age}}varapp=newVue({el:'#app',data:{items

琪33·2024-03-29 09:26

npm 搭建 Vite 项目

1、使用npm安装Viter$npminitvite@latest使用npm初始化项目#npm6.xnpminitvite@latestmy-vue-app--templatevue#npm7+,需要额外的双横线

渺小的虫子·2024-03-29 08:42

vue 通信方式

1、props和$emit父组件向子组件传递数据是通过props传递的，子组件传递给父组件是通过$emit触发事件来做到的。父组件this.$emit("update:page",newVal)-->importChildfrom'./child'exportdefault{name:"Father",components:{Child,},data(){return{articleList:['

hx_1199·2024-03-29 07:10

VUE 页面禁止缩放（华为平板浏览器可能失效）

h5页面移动端禁止缩放、web页面禁止浏览器缩放移动端优先，可禁止用户缩放和双击放大；在App.vue中的script内的方法里加入以下代码：window.onload=function(){document.addEventListener

唐屁屁儿·2024-03-29 00:59

Vue 常见面试题(一)

目录1、Vue的最大的优势是什么？（必会）2、Vue和jQuery两者之间的区别是什么？（必会）3、MVVM和MVC区别是什么？哪些场景适合？

安生生申·2024-03-28 21:26

react native 总结

reactapp.js相当与vueapp.vueimportReactfrom'react';import'./App.css';importReactRoutefrom'.

一切顺势而行·2024-03-28 14:48

Vue 模版编译原理

当我们使用Vue编写完一个组件以后，Vue会根据模版编译一个render函数，调用render函数生成虚拟DOM，然后将虚拟DOM映射成真实DOM当数据发生变化时，Vue会触发更新视图，调用render

I will.874·2024-03-28 14:17

reactive和ref的异同、toRef和toRefs的使用

相同点：都是Vue3提供的用于创建响应式数据的函数；在组件中都能够触发视图更新，实现数据的双向绑定。不同点：数据类型：reactiv

Niucode·2024-03-28 12:14

程序员开发技术整理

前端技术：vue-前端框架element-前端框架bootstrap-前端框架echarts-图标组件C#后端技术：webservice：soap架构：简单的通信协议，用于服务通信ORM框架：对象关系映射

laizhixue·2024-03-27 09:28

基于SSM+Vue企业销售培训系统企业人才培训系统企业课程培训管理系统企业文化培训班系统Java

作者主页：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SSM(Spring+SpringMVC+Mybatis)前端：Vue工具

计算机程序老哥·2024-03-26 23:44

vue 在style标签中引入js变量控制样式

1.基本的绑定样式示例data(){return{colorData:'blue',}}详细用法可参考下面的博客：https://www.jianshu.com/p/2b82ee1e6199

古迪红尘·2024-03-26 22:13

Vue：为什么要使用v-cloak

Vue.js是一种流行的JavaScript框架，它使我们能够构建交互性强大的用户界面。在Vue.js中，v-cloak是一个指令，用于解决在页面加载时出现的闪烁问题。

刻刻帝的海角·2024-03-26 21:11

vue生命周期

它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。

涡看你就不是好人呐·2024-03-26 17:36

Vue 发送Ajax请求多种方式

1.发送ajax请求的方式方案一：jq的ajax（在vue中不推荐同时使用）方案二：js原始官方fetch方法方案三：axios第三方2.方案一后端视图函数fromrest_framework.viewsetsimportViewSetfromrest_framework.responseimportResponseclassIndex

Red丶哞·2024-03-26 15:04

vue时间组件：dayjs与moment

一、dayjs使用Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。具体使用可参考：dayjs官网1、本年start=dayjs().startOf('year').format('YYYY-MM-DD')end=dayjs().endOf('year').format('YYYY-MM-DD')console.log(start,end)//['2

煸橙干儿~~·2024-03-26 13:31

vue3中使用过渡动画transition

//appear表示一进入页面就使用动画hello.slide-enter-active,//进入动画的生效状态.slide-leave-active{//离开动画的生效状态transition:all0.5sease;}.slide-enter-from,//进入动画开始状态.slide-leave-to{//离开动画结束状态height:0px!important;}.slide-enter-

前端小趴菜05·2024-03-26 13:30

blog-engine-06-pelican 静态网站生成支持 markdown 和 reST 语法

拓展阅读blog-engine-01-常见博客引擎jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman对比blog-engine-02-通过博客引擎

老马啸西风·2024-03-26 11:58

在Vue中组件和组件之间的通信有哪些？

1.父向子传数据？props2.子向父传数据？第一种方式：父向子传一个函数，子接收这个函数，然后子去调用这个函数，通过这个函数向子传数据第二种方式：组件的自定义事件绑定事件：负责接收数据触发事件：负责发送数据3.可以完成所有组件之间的数据，包括：兄弟之间、爷孙之间、但不限于这些全局事件总线4.怎么选择呢？父向子：props子向父：自定义事件其他的关系使用全局事件总线

qingyun989·2024-03-26 11:27

mineadmin使用docker启动方式

在根目录,创建文件名docker-compose.yml然后复制下面代码version:'3'services:#首先下载前端，https://gitee.com/mineadmin/mineadmin-vue

qq_38812523·2024-03-26 04:49

vue-pdf 预览pdf (数据流)

页面有个要预览pdf的需求，数据是从后台传递过来的数据流：1.安装插件：npminstallvue-pdf2.在页面引用：importpdffrom'vue-pdf'...components:{pdf

reembarkation·2024-03-26 02:45

js封装SDK 在VUE、小程序、公众号直接调用js调用后端接口（本文以vue项目为例）

1.封装一个js文件msgSdk.js注意：需要修改这个请求地址apiServiceAddress;(function(){if(window.msgSdk){return}varmsgSdk=(function(){varm_msgSdk=thisvarapiServiceAddress="http://172.12.14.5:8000"this.I_SendHTTPRequest=functi

祝你今天也快乐·2024-03-26 01:45

【Vue】elementUI-MessageBox组件相关

官方代码：点击打开MessageBoxexportdefault{methods:{open(){this.$confirm('此操作将永久删除该文件,是否继续?','提示',{confirmButtonText:'确定',cancelButtonText:'取消',type:'warning'}).then(()=>{this.$message({type:'success',message:'

SZnA1·2024-03-25 23:12

基于nodejs+vue智慧农业小程序python-flask-django-php

根据此问题，研发一套智慧农业小程序，既能够大大提高信息的检索、变更与维护的工作效率，也能够方便微信小程序的管理运用，从而减少信息管理成本，提高效率。该微信小程序主要设计并完成了管理过程中的用户注册登录、个人信息修改、用户信息、知识科普、土壤信息、水质信息、购物商城等功能。该微信小程序操作简便，界面设计简洁，不但可以基本满足本行业的日常管理工作，同时又可以有效减少人员成本和时间成本，为智慧农业管理工

QQ_1963288475·2024-03-25 16:05

nodejs+vue的街道办管理系统python-flask-django-php

在此基础上，结合现有街道办管理体系的特点，运用新技术，构建了以nodejs为基础的街道办管理信息化管理体系。首先，以需求为依据，根据需求分析结果进行了系统的设计，并将其划分为管理员和用户二种角色和多个主要模块：用户、住户信息、流动人口、住户居住、住户迁出、缴费信息、投诉维修理、处理信息、评价评分、核酸采样、预约信息等。使用目前市场主流的技术express框架进行项目构建，基于MVC开发模式，使用n