Vue开发实例

Vue的computed和watch的区别

一、computed1、定义计算属性,类似于过滤器,对绑定到view的数据进行处理。2、示例（get）data:{firstName:'Foo',lastName:'Bar'},computed:{fullName:function(){returnthis.firstName+''+this.lastName}}计算属性不可在data里面定义。变量不可被重复定义和赋值不支持异步3、get和set
艾文达·2024-02-20 03:11

vue transition的延时播放

vue延迟播放1、显示的控制（利用setTimeout控制v-show）2、CSS的设置（可以使用transition+transition-delay控制，animation+animation-delay
RCX明·2024-02-20 03:09

Vue:computed,methods,watch的区别

作用机制上1.methods，watch和computed都是以函数为基础的，但各自却都不同2.watch和computed都是以Vue的依赖追踪机制为基础的，当某一个数据发生变化的时候，所有依赖这个数据的
一只呆小白·2024-02-20 03:08

vue中computed 和watch 的区别是什么？

它具有缓存特性computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；watch主要用于监控vue
码农小嘉·2024-02-20 03:38

vue中computed和watch的区别

一、总述computer和watch都是vue监听数据变化的属性。二、computed计算属性computed本就是计算机的含义，就是用来计算的。如果函数所依赖的属性没有发生变化，从缓存中读取。
晚风�954·2024-02-20 03:38

Vue：深度监听watch 和 计算属性computed

深度监听watch通常用于监听某个对象发生改变时，调用需要执行的方法，类似于js里面onchange或者addEventListener的作用。之前遇到一个问题，公司的日期组件有个bug，把设定的显示值当作默认值，这样就算不操作，日期对象里也会有值，无法用是否为空来判断用户选择过。于是我加了一个监听，用户进行选择会触发，改变标志位的值。watch:{startdate:{handler:funct
IT小白龙·2024-02-20 03:07

vue中computed和watch的使用场景

一、computedcomputed擅长处理的场景：一个数据受多个数据影响，如果一个属性是由其他属性计算而来的，这个属性依赖其他属性是一个多对一或者一对一，一般用computed；如果computed属性值是函数，那么默认会走get方法，函数的返回值就是属性的属性值；computed支持缓存，只有当依赖的数据发生变化时,关联的数据才会变化。下面例子可以看出当多次点击打印姓名，都不会触发fullNa
有你的星空·2024-02-20 03:07

Vue中computed和watch有何区别？

1、在功能上：computed用于计算属性，watch用于监听一个值是否变化，并执行相应的回调函数；2、在是否缓存上：如果computed所依赖的数据没有发生变化，则直接从缓存中读取，而不会再次执行computed，watch则在监听的值变化时每次都会运行；3、computed必须return一个结果，而watch不用；4、第一次加载时computed就开始监听，而watch默认第一次加载时不监听
ムラサキ·2024-02-20 03:37

上手Vue：深度理解computed、watch及其区别

computed（计算属性）与watch（侦听器），是Vue中常用的属性，那么什么时候该如何computed，什么时候该使用watch呢？
唯一的阿金·2024-02-20 03:37

Vue中Computed和Watch的用法及其区别

计算属性（computed）我们都知道vue在模板中使用表达式非常便利，比如{{message}}；其实vue是支持更复杂的逻辑的，比如{{message+message1+message2}}，但vue
编程界小明哥·2024-02-20 03:37

Vue：Computed和watch

文章目录ComputedProperties（计算属性）用途：特点：缓存异步Watchers（侦听器）用途：特点：缓存异步适用场景举例Computed：Watch：Vue.js中的computed和watch
RCX明·2024-02-20 03:34

linux 运行vue项目

1：在本地电脑项目跟目录执行npmrunbuild在根目录生成文件夹dist2：复制dist到linux上/usr/vuespace/ledger-web/dist3:配置nginxserver{listen443ssl
蹦跶de芝麻·2024-02-20 03:32

纯前端低代码平台demo，vue框架，nodejs，简单的pm2纯前端部署实践

文章目录目录结构说明本地运行项目启动后的页面demo前端部署打包pm2nginx后话前段时间开发了一个纯前端的低代码平台demo，vue框架，nodejs，pm2纯前端部署实践。
Yoyo_Yan·2024-02-20 02:58

用户头像（图片文件）上传（Vue + nodejs 前后端）

文件上传（图片上传）前端：Vue3+element-plus后端：express前端封装一个Upload组件和一个upload方法。
小秀_heo·2024-02-20 02:53

Java 基于 SpringBoot+Vue 的高校招生系统，附源码

博主介绍：✌程序员徐师兄、7年大厂程序员经历。全网粉丝12w+、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌文末获取源码联系精彩专栏推荐订阅不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全：1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》感兴趣的可以先收藏起来，还有大家
IT徐师兄·2024-02-20 02:39

vue与node.js项目前后端连载

在全栈开发过程中，前后端分别采用vue-cli脚手架与node.js开发。开发时我们首先要启动node.js后台项目，再启动vue项目，这样十分麻烦。
Bouc·2024-02-20 02:34

vue3：codepen上生成的动效代码/ 前端生成统计图（echarts包）

codepen上生成的动态效果怎么放到自己的代码里（vue3组合式api）设计给了个动态效果，说源码在codepen上面，打开一看，好家伙没有html，css也只有图里展示的这么点，那就是纯靠js实现。
小王今天也要加油鸭~！·2024-02-20 02:30

【附源码】计算机毕业设计java学生宿舍管理系统设计与实现

项目技术：SSM+mybatis+Maven+Vue等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是javajdk1.8，我们在这个平台上运行的。其他版本理论上也可以。2.ID
李会计算机程序设计·2024-02-20 02:24

判断对象是否为空对象

vue有两个方法可用JSON.stringify(evtValue)=='{}'Object.keys(xxx).length==0js判断对象是否为空对象的几种方法1.将json对象转化为json字符串
一叶知秋_038b·2024-02-20 02:23

Alert 组件使用总结

安装局部注册test.vueimport{Alert}from'vux'exportdefault{components:{Alert}}直接看属性：Alert-属性.png这里主要使用value这个属性控制
爱绑架的猫·2024-02-20 01:39

vue从入门到进阶的30个vue代码示例

全文链接创建一个基本的Vue应用import{createApp}from'vue';importAppfrom'.
前端fighter·2024-02-20 01:08

2024前端面试准备之Vue3篇

1.Vue3相比Vue2有哪些改进？CompositionAPI:Vue3引入了CompositionAPI，使得组件的逻辑更加清晰和灵活。
前端fighter·2024-02-20 01:08

Vue（一）

在使用Vue时，在浏览器上安装VueDevtools。它允许你在一个更友好的界面中审查和调试Vue应用。
静水流深webbb·2024-02-20 01:10

Vue3快速入门-setup

查看本系列文章合集clickme下载本系列文章源码clickmesetup特性setup是CompositionAPI的入口，setup的存在就是为了让我们能够使用compositionapi。所有的CompositionAPI函数都在setup中使用,只在初始化时执行一次。执行时间在beforeCreate之前，即组件创建之前;这就意味着在执行setup时尚未创建组件实例，因此在setup选项中
温情key·2024-02-20 01:32

Vue3快速入门

资料邓睿编程【2024最新版】3小时学会Vue3，小白零基础视频教程，web前端快速入门实战课程Vue3快速入门2-案例篇Vue.js-渐进式JavaScript框架Vue3快速入门1.创建一个vue应用程序
赵健zj·2024-02-20 01:00

关于TypeError:无法读取null属性(读取‘isCE‘) -自定义组件库

https://cloud.tencent.com/developer/ask/sof/106913760这个文章里面给了vite解决方案这里我给出一个webpack解决方案首先我建议你的组件库和你的项目进行vue
我叫汪枫·2024-02-20 01:59

关于npmlink的问题

深入浅出关于Npmlinl的问题关键词：vue3报错UncaughtTypeError:Cannotreadpropertiesofnull(reading‘isCE‘)atrenderSlotnpmlink
我叫汪枫·2024-02-20 01:25

React（五）—— 生命周期

编写今天文章之前带给大家的就是，我编写的绝大多数都是基础，因为自己也是重新学习了React也没有项目经验，很多坑以及很多方法是极其不熟练的，希望大家之后能找一些书深入学习React的生命周期与Vue的生命周期
感觉不错哦·2024-02-20 01:59

SpringBoot+Vue应急物资管理系统 医疗物资管理系统 物资库管理系统Java

：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SpringBoot(Spring+SpringMVC+Mybatis)前端：Vue
计算机程序老哥·2024-02-20 01:03

nvm对node版本进行管理及疑难解决，vue项目搭建与启动

一、nvm安装与node版本管理nvm安装1、nvm地址：https://github.com/coreybutler/nvm-windows/releases2、无需配置安装包，nvm-setup-v1.1.10.zip解压后双击nvm-setup.exe，选择安装路径，一路next即可打开dos窗口输入nvmversion查看安装是否成功node版本管理1、nvm可配置国内镜像在nvm安装路径
徒手千行代码无bug·2024-02-20 01:00

vue3 ref 和reactive的区别

定义和用法：ref函数作用:定义一个响应式的数据语法:constxxx=ref(initValue)创建一个包含响应式数据的引用对象（reference对象，简称ref对象）。JS中操作数据：xxx.value模板中读取数据:不需要.value，直接：{{xxx}}备注：接收的数据可以是：基本类型、也可以是对象类型。基本类型的数据：响应式依然是靠Object.defineProperty()的ge
南北极之间·2024-02-20 00:25

Vue3快速上手（七） ref和reactive对比

一、ref和reactive对比表格形式更加直观吧：项目refreactive是否支持基本类型支持不支持是否支持对象类型支持支持对象类型是否支持属性直接赋值不支持，需要.value支持是否支持直接重新分配对象支持，因为操作的.value不支持，需要使用object.assign()方法是否支持基本类型支持不支持响应式对象类型ref和reactive都是支持的。一般用哪种都是可以的。但是对于属性较多
一掬净土·2024-02-20 00:20

使用Vue后怎么针对搜索引擎做SEO优化

而对于使用Vue.js来构建网站的前端开发者来说，了解如何进行针对搜索引擎的SEO优化就显得尤为重要。
JJCTO·2024-02-20 00:49

在vue事件中传入$event，使用e.target和e.currentTarget有什么区别

在Vue中，事件处理是前端开发中非常重要的一部分。当我们在Vue中处理事件时，经常会用到事件对象event，而在事件对象中，有两个常用的属性：e.target和e.currentTarget。
JJCTO·2024-02-20 00:49

Vue中$route 和$router 的区别

在Vue的前端开发中，经常会涉及到路由的使用。Vue提供了两个重要的对象来处理路由相关的操作，即route和route和route和router。
JJCTO·2024-02-20 00:48

踩坑实录（Fourth Day）

今天开工了，其实还沉浸在过年放假的喜悦中……今天在自己写Vue3的项目，虽说是跟着B站在敲，但是依旧是踩了一些个坑，就离谱……照着敲都能踩到坑，我也是醉了……此为第四篇（2024年02月18日）问题一问题背景
与墨学长·2024-02-20 00:11

5-Vue vue-on

1.作用：对页面中的事件进行绑定2.语法：v-on:事件类型=“事件处理函数名”缩写：@事件类型=“事件处理函数名”3.vue事件绑定提供了两方面的内容：自定义事件和为DOM绑定事件。
波克比·2024-02-20 00:45

Vue后台管理项目（登录篇）

还可以用来获取用户的其他信息权限验证：通过token，可以获取用户的权限以及权限对应的路由，这样就可以通过router.addRoutes动态挂载这些路由2.登录登录事件点击handleLogin触发vuex
LazyXu·2024-02-20 00:04

一、vue3+ts项目框架搭建——规范

新建项目及规范配置1.1项目初始化1.1.1环境准备1.1.2初始化项目1.2项目配置一、eslint配置1.1vue3环境代码校验插件1.2.eslintrc.cjs配置文件1.3运行脚本二、配置prettier
小曲曲·2024-02-20 00:34

vue使用fontawesome

按照fontawesome|Vuejs文档安装和使用vue-fontawesome.
柳正来·2024-02-20 00:31

利用Vue中keep-alive，快速实现页面缓存

有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。缓存所有页面exportdefault{name:'App'}根据条件缓存页面//1.将缓存name为test的组件//2.将缓存name为a或者b的组件，结合动态组件使用//3.使用正则表达式，需使用v-bind//5.动态判
熊超_H5·2024-02-20 00:05

vue框架-vue-cli

vue-cliVueCLI是一个官方的脚手架工具，用于快速搭建基于Vue.js的项目。VueCLI提供了一整套可配置的脚手架，可以帮助开发人员快速构建现代化的Web应用程序。
陆卿之·2024-02-20 00:54

springboot/ssm浙江艾艺塑业设计公司网站Java企业官网员工系统

springboot/ssm浙江艾艺塑业设计公司网站Java企业官网员工系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库
Java学长-kirito·2024-02-20 00:15

springboot/ssm自动售货机系统Java在线购物商城管理系统

springboot/ssm自动售货机系统Java在线购物商城管理系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库：mysql5.7
Java学长-kirito·2024-02-20 00:15

springboot/ssm物业管理系统Java小区物业缴费停车管理系统

springboot/ssm物业管理系统Java小区物业缴费停车管理系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库：mysql5.7
Java学长-kirito·2024-02-20 00:15

springboot/ssm校园菜鸟驿站管理系统Java校园快递取件管理系统

springboot/ssm校园菜鸟驿站管理系统Java校园快递取件管理系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库
Java学长-kirito·2024-02-20 00:13

Vue基础Day04组件与cli脚手架

一.核心内容1.任务1：天知道任务1：天知道2.什么叫组件把某个界面或者说某个小功能，封装起来就叫组件（就是对htmlcssjs的一个综合封装），组件也是Vue的实例，所以它也有自己的data和methods
前端老邹_伯通·2024-02-20 00:57

VUE开发规范

VUE开发规范（仅作参考）编程规约命名规范项目命名全部采用小写方式，以中划线分隔。
GaoJamie·2024-02-20 00:41

el-table无限滚动加载更多-翻页

el-table+infinite-scroll）安装（建议安装1.X版本，2.X版本目前报错无法使用）npminstall--saveel-table-infinite-scroll@1全局引入importVuefrom'vue
coderfl·2024-02-20 00:05

vue引入图片的方式

vue引入图片的方式1.img标签静态引入静态路径加载相对路径绝对路径​网络路径​动态引入require驱动加载data:{​imgUrl:require('@/assets/imgs/1.jpg')​
门前大桥下.·2024-02-19 23:39
上一页 31 32 33 34 35 36 37 38 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他