- 关注“青年码农”,回复“特效“ 获取各种资料粒子特效、可视化等源码 本篇文章主要讲解Vue项目中,this.$set这个api的用法. 我们都知道当Vue的data里边声明的对象,如果向对象中添加新的属性,更新此属性的值,视图是不会更新的。官方是这么说的 因为 Vue 无法探测普通的新增 property 比如: this.myO... 关注“青年码农”,回复“特效“ 获取各种资料粒子特效、可视化等源码 本篇文章主要讲解Vue项目中,this.$set这个api的用法. 我们都知道当Vue的data里边声明的对象,如果向对象中添加新的属性,更新此属性的值,视图是不会更新的。官方是这么说的 因为 Vue 无法探测普通的新增 property 比如: this.myO...
- 历经 13 个 RC 版本之后,Vue 团队于 2020 年 9 月 18 日晚 11 点半发布了 Vue 3.0 版本,等待了两年多的Vue 终于正式发布了 3.0 正式版本了! 现在的vue版本已经可以满足我们大部分开发场景,虽然Vue3正式版发布不久,可能存在某些问题,但是提前学习了解总归是有好处的。可能有些已经... 历经 13 个 RC 版本之后,Vue 团队于 2020 年 9 月 18 日晚 11 点半发布了 Vue 3.0 版本,等待了两年多的Vue 终于正式发布了 3.0 正式版本了! 现在的vue版本已经可以满足我们大部分开发场景,虽然Vue3正式版发布不久,可能存在某些问题,但是提前学习了解总归是有好处的。可能有些已经...
- 关注“青年码农”公众号 回复“特效源码”可获取各种资料 Vue官方对单向数据流的描述是这样的(去掉了几句):父子 prop 之间形成了一个单向下行绑定,父级 prop 的更新会向下流动到子组件中,额外的,每次父级组件发生变更时,子组件中所有的 prop 都将会刷新为最新的值。 意思是说,父级给子组件是啥,子组件可以用,也可以不用,... 关注“青年码农”公众号 回复“特效源码”可获取各种资料 Vue官方对单向数据流的描述是这样的(去掉了几句):父子 prop 之间形成了一个单向下行绑定,父级 prop 的更新会向下流动到子组件中,额外的,每次父级组件发生变更时,子组件中所有的 prop 都将会刷新为最新的值。 意思是说,父级给子组件是啥,子组件可以用,也可以不用,...
- 本文字数:747 字 9图 阅读完需:约 4 分钟 点击上方“青年码农”关注 回复“源码”可获取各种资料 FullCalendar 是一个支持 React、Vue、Angular 和原生 JavaScript 的日历插件,FullCalendar 拥有超过 300 种设置,支持模块化导入,几乎可以实现任何效果。 ... 本文字数:747 字 9图 阅读完需:约 4 分钟 点击上方“青年码农”关注 回复“源码”可获取各种资料 FullCalendar 是一个支持 React、Vue、Angular 和原生 JavaScript 的日历插件,FullCalendar 拥有超过 300 种设置,支持模块化导入,几乎可以实现任何效果。 ...
- 最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程。 1 安装vue/cli 更新到 3.x 之后,vue-cli 的包名从 vue-cli 改成了 @vue/cli,如果之前全局安装了旧版本的... 最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程。 1 安装vue/cli 更新到 3.x 之后,vue-cli 的包名从 vue-cli 改成了 @vue/cli,如果之前全局安装了旧版本的...
- 今天打开Vue项目中main.js文件中,发现引入文件使用了两种方式。 import Vue from 'vue' import App from './App.vue' import router from './router' //&... 今天打开Vue项目中main.js文件中,发现引入文件使用了两种方式。 import Vue from 'vue' import App from './App.vue' import router from './router' //&...
- 我有个模版项目是用vue-cli3.x开发的,测试部署已经没问题,突发奇想,能不能打包成exe文件,在桌面运行,开始鼓捣。 1.先将项目打包 yarn build 2.安装electron和electron-packager yarn add electronyarn add electron-packager 3.di... 我有个模版项目是用vue-cli3.x开发的,测试部署已经没问题,突发奇想,能不能打包成exe文件,在桌面运行,开始鼓捣。 1.先将项目打包 yarn build 2.安装electron和electron-packager yarn add electronyarn add electron-packager 3.di...
- 点击上方“ 青年码农 ”关注 回复“特效源码”可获取各种资料 CodeMirror是一个用 JavaScript 为浏览器实现的通用文本编辑器。它专门用于编辑代码,并带有多种语言模式和插件 ,可实现更高级的编辑功能。 本教程是基于vue2实现集成,使用vue-codemirror插件 1. 安装 # npm np... 点击上方“ 青年码农 ”关注 回复“特效源码”可获取各种资料 CodeMirror是一个用 JavaScript 为浏览器实现的通用文本编辑器。它专门用于编辑代码,并带有多种语言模式和插件 ,可实现更高级的编辑功能。 本教程是基于vue2实现集成,使用vue-codemirror插件 1. 安装 # npm np...
- 以前项目上用到这个,网上教程很多,但是说法都不一样,自己总结的,如果有不对的地方可以提出来, vue-cli flexible 1、index.html引入flexible <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??f... 以前项目上用到这个,网上教程很多,但是说法都不一样,自己总结的,如果有不对的地方可以提出来, vue-cli flexible 1、index.html引入flexible <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??f...
- 点击上方“青年码农”关注 回复“源码”可获取各种资料 使用 Vue 框架开发项目中,遇到个问题,就是在用户提交数据时,如果连续多次点击按钮,会触发多次,导致数据异常,因此需要限制用户短时间内多次点击同一按钮,只触发一次。 1. 自定义指令 利用元素的 disabled 属性,新建自定义指令,preventClic... 点击上方“青年码农”关注 回复“源码”可获取各种资料 使用 Vue 框架开发项目中,遇到个问题,就是在用户提交数据时,如果连续多次点击按钮,会触发多次,导致数据异常,因此需要限制用户短时间内多次点击同一按钮,只触发一次。 1. 自定义指令 利用元素的 disabled 属性,新建自定义指令,preventClic...
- 通常,当我们需要将数据从父组件传递到子组件时,我们使用 props。想象一下这样的结构:你有一些深嵌套的组件,而你只需要来自深嵌套子组件中父组件的某些内容。在这种情况下,你仍然需要将 prop 传递到整个组件链中,这可能会很烦人。对于这种情况,我们可以使用 provide 和 inject 对。父组件可以作为其所有子组件的依... 通常,当我们需要将数据从父组件传递到子组件时,我们使用 props。想象一下这样的结构:你有一些深嵌套的组件,而你只需要来自深嵌套子组件中父组件的某些内容。在这种情况下,你仍然需要将 prop 传递到整个组件链中,这可能会很烦人。对于这种情况,我们可以使用 provide 和 inject 对。父组件可以作为其所有子组件的依...
- MoonCake 在线制作中秋月饼 言简意赅,我主要分享一下思路 体验基于vite.js + vue3.js 的快速开发过程,并将代码发布到github 技术方案 vite.js: http... MoonCake 在线制作中秋月饼 言简意赅,我主要分享一下思路 体验基于vite.js + vue3.js 的快速开发过程,并将代码发布到github 技术方案 vite.js: http...
- 点击上方“青年码农”关注 回复“特效源码”可获取各种资料 在项目开发过程中,总会遇到这样或者那样的问题,这次,用element-ui组件库的select,但是这个组件不支持分页加载更多,如果一次性把所有的数据都返回给前端,那还需要后端再加个接口。是不是有其他方式可以扩展下select? 在Vue文档中,找到了实现方式,那就是... 点击上方“青年码农”关注 回复“特效源码”可获取各种资料 在项目开发过程中,总会遇到这样或者那样的问题,这次,用element-ui组件库的select,但是这个组件不支持分页加载更多,如果一次性把所有的数据都返回给前端,那还需要后端再加个接口。是不是有其他方式可以扩展下select? 在Vue文档中,找到了实现方式,那就是...
- vue项目实现动态路由的方式大体可分为两种:1.前端这边把路由写好,登录的时候根据用户的角色权限来动态展示路由,(前端控制路由) 2.后台传来当前用户对应权限的路由表,前端通过调接口拿到路由信息后处理(后端处理路由) 这两种方法各有优点,效果都能实现,我们公司现在用的就是第二种,后台返回路由信息,前端动态生成路由及菜单... vue项目实现动态路由的方式大体可分为两种:1.前端这边把路由写好,登录的时候根据用户的角色权限来动态展示路由,(前端控制路由) 2.后台传来当前用户对应权限的路由表,前端通过调接口拿到路由信息后处理(后端处理路由) 这两种方法各有优点,效果都能实现,我们公司现在用的就是第二种,后台返回路由信息,前端动态生成路由及菜单...
- 作为由华人程序员尤雨溪开发的前端构架,它的出身就给国人带来了巨大的荣耀。更为重要的是Vue相对于其他前端框架更加易于上手,而且还可以与第三方库或者既有项目整合,同时还可以为单页应用提供驱动。 今天就整理几款vue开发的轮播图组件,基本不掺杂多余文件,集成项目也比较简单。 1.这款功能相对比较简单,效果中规中矩 2.这款效... 作为由华人程序员尤雨溪开发的前端构架,它的出身就给国人带来了巨大的荣耀。更为重要的是Vue相对于其他前端框架更加易于上手,而且还可以与第三方库或者既有项目整合,同时还可以为单页应用提供驱动。 今天就整理几款vue开发的轮播图组件,基本不掺杂多余文件,集成项目也比较简单。 1.这款功能相对比较简单,效果中规中矩 2.这款效...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家;李炎-华为云码道产品专家;彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战,从0到1打通消息通道;码道鸿蒙端云一体化实战,快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人;蒋春阳-华为云AI开发者案例开发专家
本期直播内容: AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了:看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签