所见即所得-Vue 第13页

组件的嵌套（父给子传用属性prop）

Vue.component("my-father",{template:``,data:function(){return{list:["apple","banana","pear"],title:"水果列表

SuperHong521·2024-09-02 20:09

vue常用操作指令

v-text指令：用于更新标签包含的文本，它的作用跟双大括号效果是一样的v-html指令：绑定一些包含html代码的数据在视图上v-show指令：指令的取值为true/false，分别对应着显示/隐藏，改变的是元素css样式的display属性v-if指令：取值为true/false，控制元素是否需要被渲染v-else指令：和v-if指令搭配使用，没有对应的值。当v-if的值false，v-els

曼荼罗poisonous·2024-09-02 20:38

Vue 源码解读（10）—— 编译器之生成渲染函数

https://edu.csdn.net/course/detail/36074Python实战量化交易理财系统https://edu.csdn.net/course/detail/35475前言这篇文章是Vue

xuhss_com·2024-09-02 20:05

解决移动端跳转问题——CSS过渡、target伪类

前言很多刚刚接触移动端的小伙伴都可能对于点击跳转路由这方面有些疑惑，特别是运用了Vue路由，因此这篇文章就带领小伙伴一起尝试用css进行页面跳转效果如图，由于是移动端，所以选择预览的手机模拟：1.gifHTMLshouyezhanlangerenshouyezhanlangeren

Nice先生的狂想曲·2024-09-02 19:24

基于Javaweb实现的家教服务平台设计与实现(源码+数据库+部署+文档+讲解视频等)

文章目录1.前言2.系统演示录像3.论文参考4.代码运行展示图5.技术框架5.1SpringBoot技术介绍5.2Vue技术介绍6.可行性分析7.系统测试7.1系统测试的目的7.2系统功能测试8.数据库表设计

星辰学长·2024-09-02 18:57

克隆Vue项目npm安装依赖报错解决

克隆Vue项目npm安装依赖报错解决##在网上克隆了一个Vue项目，但是在安装依赖的时候报错了##由于本人是小白也看不出来是什么意思###但是还是有解决方法的：1、在项目文件夹打开CMD，输入指令（npmcacheclean

晨伯kk·2024-09-02 16:48

Vue项目“npm run serve”总卡住的问题已解决

Vue项目“npmrunserve”总卡住的问题已解决概述如果卡住进度在51%直接看这篇https://blog.csdn.net/qq_34419312/article/details/141681307

二川bro·2024-09-02 16:17

npm报错信息集合——基础积累

npm报错：1.npmi卡在idealTree:SmtWeb:sillidealTreebuildDeps没进度由于前几天我使用vuepress后，导致node版本切换到了20.11.1后忘记切换回来，

叶浩成520·2024-09-02 16:17

Vue学习笔记一

Vue学习笔记1、Vue基础指令1.1什么是Vue?Vue.js是一套响应式的JavaScript开发库。

涔溪·2024-09-02 16:14

3-Vuex状态管理

Vuex是一个专门为Vue.js应用程序开发的状态管理模式。它集中管理应用程序中的所有组件的状态，并提供了一种可预测的方式来修改和查询状态。

菜-卷·2024-09-02 15:12

前端Vue + qrcode实现二维码生成

$refs.qrcode.innerHTML='';//清除二维码方法}//生成二维码(这里有个坑，一定要在new关键字前面用等于号，赋给一个变量，否则vue运行会报错)qrcode是HTML中的显示二维码的

小倪有点菜·2024-09-02 14:36

学习vue的第一阶段总结

昨天是我学习vue的第一个阶段，我自己定义的，跟着老师做了一个项目，自打学习vue以来，就不断的报错，各种崩溃的情绪也不断袭来，想过放弃，还好身边的朋友劝住了我，他们一直在使劲的拉我，希望我不要放弃，我的各种奇葩的报错

nice琪琪的嘉琪·2024-09-02 14:50

基于Springboot的在线小说阅读平台。Javaee项目，springboot项目。

项目介绍：采用M（model）V（view）C（controller）三层体系结构，通过Spring+SpringBoot+Mybatis+Vue+Maven+Layui+Elementui来实现。

气宇轩昂固执狂·2024-09-02 13:00

vue3中用css transform实现组件自由拖拽

在Vue3中，可以使用CSStransform和mousedown、mousemove、mouseup事件来实现组件的自由拖拽。以下是一个简单的例子，展示如何使用这些技术来实现组件的自由拖拽。

天天进步2015·2024-09-02 13:26

Vue 3 中 `async` 函数的示例

在Vue3中，async函数通常用于处理异步操作，例如从服务器获取数据或执行耗时任务。async函数返回一个Promise，并且可以使用await关键字等待异步操作完成。

天天进步2015·2024-09-02 13:26

h5在ios qq浏览器打开图片不显示

把图片链接改变成https即可：纯前端实现代码：1、在vue项目的main.js添加过滤器：//图片过滤Vue.filter('imgHost',function(value){varimgStrArr

O蚂蚁O·2024-09-02 12:10

nginx部署前端vue项目

在Nginx上部署Vue.js前端项目相对简单，通常包括以下几个步骤：1.构建Vue.js项目首先，你需要将Vue.js项目打包为静态文件。

iangyu·2024-09-02 11:48

Vue3优化表单标签与布局，解决文字过长问题（附Demo）

目录前言1.增加标签宽度（生效）2.工具提示Tooltip（勉勉强强）3.缩小字体（不生效）4.CSS控制换行（不推荐）前言好不容易构思整个表单的布局，但是个别表单的文字过长，导致自动换行，遮挡另外的一些组件以下内容将围绕实战进行优化以左上角的文字进行调整：尝试了多种方案，最终才有成效对于其他的方式，诸位也可尝试下1.增加标签宽度（生效）通过增加el-form-item的label-width，让

码农研究僧·2024-09-02 11:48

Nginx部署前端Vue项目

在使用Nginx部署前端Vue项目时，我们主要关注的是如何高效地将静态资源（HTML、CSS、JavaScript、图片等）提供给客户端浏览器。

hai40587·2024-09-02 10:41

使用 Nginx 部署前端 Vue 项目

在这篇文章中，我们将深入探讨如何使用Nginx部署一个Vue.js前端项目。Vue是一个流行的前端JavaScript框架，而Nginx则是一个性能卓越的Web服务器和反向代理服务器。

vvvae1234·2024-09-02 09:35

基于SpringBoot+Vue协同过滤视频推荐系统

1.技术介绍java+springboot+mysql+mybatis+Vue开发工具：eclipse或idea2.主要功能说明：1）用户注册、登录、首页、个人中心、我的收藏、视频新增、后台管理、2）管理员个人中心

f168bc2b3926·2024-09-02 09:35

VUE实现TAB切换不同页面

VUE实现TAB切换不同页面实现效果资源准备ReceiveOrderList,TodoListMulti,SignList这三个页面就是需要切换的页面首页代码待接单待发货待签收importReceiveOrderListfrom

天农学子·2024-09-02 09:33

vue之函数式组件

在Vue.js中，functional:true是用来定义函数式组件的一种方式。函数式组件是专门设计用于表现层的轻量级组件，通常没有状态和实例（即没有data、methods、computed等）。

默默@85·2024-09-02 09:32

使用Nginx部署前端Vue项目

在使用Nginx部署前端Vue项目时，我们主要关注的是如何高效地将静态资源（HTML、CSS、JavaScript、图片等）提供给客户端浏览器。

bigbig猩猩·2024-09-02 08:31

【Vue】`v-if` 指令详解：条件渲染的高效实现

`v-if`的性能优化四、`v-if`的常见应用场景1.表单验证2.弹窗控制五、`v-if`指令的注意事项Vue.js是一个用于构建用户界面的渐进式框架，其中v-if指令是一个非常重要的工具，用于条件渲染元素

Peter-Lu·2024-09-02 08:30

前端框架与库的区别：深入解析与实战指南

前端框架与库的区别：深入解析与实战指南基本概念和作用框架库功能使用思路与代码示例示例一：使用React框架构建组件示例二：使用Lodash库进行数据处理示例三：使用Vue.js框架进行双向数据绑定实际工作中的使用技巧经验分享自行拓展内容在前端开发领域

DTcode7·2024-09-02 08:25

element-ui时间选择器组件及转时间戳

组件(这里用的ts)要获取时间戳，直接把value-format设置成timestamp，但是得到的值要除以1000import{Component,Prop,Vue}from'vue-property-decorator

w_小伍·2024-09-02 08:03

Nuxt3入门：路由系统（第4节）

Nuxt的一个核心功能是文件系统路由器，路由是根据文件自动注册的，Nuxt为在pages/目录下的每个Vue文件创建相应的路由（或URL）。

沐爸muba·2024-09-02 06:41

Nginx 部署 Vue 指南

1.引言解决一下Nginx部署Vue的问题和介绍一下部署流程2.准备工作2.1安装Node.js和VueCLI首先，确保你已经安装了Node.js和npm。

高危型·2024-09-02 04:33

vue之MVC与MVVM区别

、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、MVC：M-model-模型：数据处理（数据库、接口）V-view-视图：用户界面、页面（HTML编写的）C-control-控制器：编写js业务逻辑例如：从页面view层触发一个按钮获取数据，就会向C控制器层请求自己需要的数据，而C控制器就会向M模型层请求数据，M模型层就会把数据传给C，C再传给V视图层。MVVM：M-model-

火红_·2024-09-02 04:03

Vue3学习记录——(1)MVC与MVVM

1.传统的MVC模式模型（Model）：数据存储。视图（View）：用户界面。控制器（Controller）：业务逻辑。Model代表数据存储，主要用于实现数据的持久化；View代表用户界面（UI），主要用于实现页面的显示；Controller代表业务逻辑，串联起View和Model1.流行的MVVM模式模型（Model）：数据存储。视图（View）：用户界面。视图模型（ViewModel）：数据

一只漫步前行的羊·2024-09-02 04:03

vue中实现图片裁剪

本文将介绍如何使用Vue.js结合Cropper.js实现一个简单的图片裁剪功能。以下是实现该功能的完整代码。

浮游本尊·2024-09-02 04:58

在vue3中封装WebSocket

一、新建webSockte.js文件//webSocket.js//自定义组合式函数，用于管理WebSocket连接import{ref,onMounted,onBeforeUnmount}from"vue

_Legend_King·2024-09-02 03:57

基于nodejs+vue程序设计竞赛团队管理系统[程序+论文+开题]-计算机毕业设计

本系统（程序+源码+数据库+调试部署+开发环境）带文档lw万字以上，文末可获取源码系统程序文件列表开题报告内容研究背景随着信息技术的高速发展和程序设计竞赛在全球范围内的普及，越来越多的高校、企业及爱好者投身于各类编程竞赛中，以期提升编程技能、锻炼团队协作能力并寻求职业发展机会。然而，传统的竞赛组织管理方式往往面临效率低下、信息更新滞后、团队协作不畅等问题。特别是在团队管理方面，缺乏一个统一、高效、

zhiwen106·2024-09-02 02:17

vue-cli webpack 打包报错：Unexpected token: punc (()

本来项目完美打包，后来我增加了一个插件vue-ionicons，打包build就是报错：ERRORinstatic/js/8.017e5cf2d2f1a552890d.jsfromUglifyJsUnexpectedtoken

曹天骄·2024-09-02 01:13

UglifyJs Unexpected token: punc (,)

vue打包报错：查到几种可能原因，一一排除@click调用方法传参多了个逗号仔细检查了，确认没有写多逗号uglifyjs-webpack-plugin代替webpack.optimize.UglifyJsPluginyarnuglifyjs-webpack-plugin

触不到的颜色是否叫彩虹·2024-09-02 01:42

滴滴前端日常实习一面

简单数据类型和复杂数据类型的区别深拷贝和浅拷贝的区别JSON.stringify有什么弊端怎么判断数组类型Vue3和Vue2的区别Vue生命周期钩子，activated和deactivated用过吗Vue

真的很上进·2024-09-02 01:39

Vue2.0学习--基础--4--Class与Style绑定

（day5）操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是attribute（也就是每个元素的class属性和style属性），所以我们可以用v-bind处理它们：只需要表达式计算出字符串结果即可。（也就是说，在HTML中class和style属性后面都是接一个双引号括起来的字符串值）但是字符串拼接麻烦且易错。所以，在使用v-bind将class与style与特定的值绑定

naildingding·2024-09-02 00:06

Vue——认识day06_class与style绑定

在Vue中，可以使用v-bind指令来将CSS样式动态地绑定到HTML元素上。

WenJGo·2024-09-02 00:06

基于Springboot和Vue的在线小说阅读平台系统(570)

获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述具体请看视频演示2、项目开发工具开发工具：Idea或Eclipse数据库：MysqlJar包仓库：Maven前端框架：Vue2

源码出售和定制·2024-09-02 00:34

【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程

文章目录前言什么是Vue.js为什么是Vue.jsVue.js安装打包Vue项目方法一：vite打包方法二：webpack打包webpack执行流程总结前言正式开始学习前确保确保你已掌握前端三件套：HTMLCSSJavaScript

秋说·2024-09-01 22:52

uniapp使用 uview-plus 底部导航栏(vue3项目)

前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI

奔跑的露西·2024-09-01 21:17

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵

2401_84181383·2024-09-01 20:15

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏(1)

}else{useStore.setActive(index)constpath=item.pagePathuni.switchTab({url:path})}}}//图标的切换constgetTabbarIcon=(item,index)=>{returnuseStore.activeTab===index?item.selectedIconPath:item.iconPath}>>**说明：*

2401_84182793·2024-09-01 20:15

VUE day3 v-bind指令绑定属性（class，style）

v-bind指令vue中，v-bind用来动态的绑定属性，当使用v-bind绑定元素的属性时，将从vue实例中查找所绑定的变量.v-bind的格式是v-bind：属性名="",简写为：如：百度一下//简写为百度一下

weixin_46383150·2024-09-01 20:41

Vue3学习总结-v-if与v-show的使用案例和区别

Vue3实战：v-if与v-show在用户界面切换中的应用在Vue.js中，v-if和v-show是两种常用的条件渲染指令，它们允许我们根据表达式的值来动态地显示或隐藏DOM元素。

风清扬雨·2024-09-01 19:06

【JavaWeb项目】——外卖订餐系统用户购买餐品、查询购物车、取消购物车餐品操作

入门专栏：【MySQL，Java基础，Rust】热门专栏：【Python，Javaweb，Vue框架】感谢您的点赞、关注、评论、收藏、是对我最大的认可和支持！

Y小夜·2024-09-01 19:04

【Rust】——采用发布配置自定义构建

STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js