- 前言迟来的Vue3文章,其实早在今年3月份时就把Vue3过了一遍。在去年年末又把 TypeScript 重新学了一遍,为了上Vue3 的车,更好的开车。在上家公司4月份时,上级领导分配了一个内部的 党务系统开发 ,这个系统前端是由我一个人来开发,功能和需求也不怎么复杂的一个B 端 系统,直接上的 Vue3 + TypeScript + Element Plus 开发的,开发两周到最后的上线... 前言迟来的Vue3文章,其实早在今年3月份时就把Vue3过了一遍。在去年年末又把 TypeScript 重新学了一遍,为了上Vue3 的车,更好的开车。在上家公司4月份时,上级领导分配了一个内部的 党务系统开发 ,这个系统前端是由我一个人来开发,功能和需求也不怎么复杂的一个B 端 系统,直接上的 Vue3 + TypeScript + Element Plus 开发的,开发两周到最后的上线...
- 学习这篇文章希望您已经具备以下知识:vue.js的基本使用对前端三件套(html、css、js)已经可以熟练使用了文末有配套demo代码。 JSX是什么JSX 是一种 Javascript 的语法扩展,JSX = Javascript + XML,即在 Javascript 里面写 XML,因为 JSX 的这个特性,所以他即具备了 Javascript 的灵活性,同时又兼具 html 的语义... 学习这篇文章希望您已经具备以下知识:vue.js的基本使用对前端三件套(html、css、js)已经可以熟练使用了文末有配套demo代码。 JSX是什么JSX 是一种 Javascript 的语法扩展,JSX = Javascript + XML,即在 Javascript 里面写 XML,因为 JSX 的这个特性,所以他即具备了 Javascript 的灵活性,同时又兼具 html 的语义...
- 一.前言: 你好呀,最近过得怎么样?苏州这边又是下雨又是刮风的,所以猫在屋里写文章,这次分享下Vue组件间传值,是比较基础的,可以快速上手~@TOC 二.父组件向子组件传值:比如有一个 Father.vue 的父组件要传值给 Children.vue 的子组件,完成共需四步:父组件 Father.vue 内容,注意里面的操作步骤:<template> <div> <h2>父组件区... 一.前言: 你好呀,最近过得怎么样?苏州这边又是下雨又是刮风的,所以猫在屋里写文章,这次分享下Vue组件间传值,是比较基础的,可以快速上手~@TOC 二.父组件向子组件传值:比如有一个 Father.vue 的父组件要传值给 Children.vue 的子组件,完成共需四步:父组件 Father.vue 内容,注意里面的操作步骤:<template> <div> <h2>父组件区...
- 一.简介与小案例: 嘿,最近你还好吗?ヽ(。◕‿◕。)ノ゚。我昨晚看到了这样的一句话: 他们想把我埋了,却不知道我是一颗种子。我不知道作者是谁,不过我想肯定是一个温柔且坚强的人吧。希望我和你们都可以充满希望,向阳而开。对了,今天,就分享一下vue导航守卫的快速了解与应用,对这部分基础不了解的同学可以快速上手。 在我们通过 vue-router 路由发生跳转时的,也可以用导航这一词概括。... 一.简介与小案例: 嘿,最近你还好吗?ヽ(。◕‿◕。)ノ゚。我昨晚看到了这样的一句话: 他们想把我埋了,却不知道我是一颗种子。我不知道作者是谁,不过我想肯定是一个温柔且坚强的人吧。希望我和你们都可以充满希望,向阳而开。对了,今天,就分享一下vue导航守卫的快速了解与应用,对这部分基础不了解的同学可以快速上手。 在我们通过 vue-router 路由发生跳转时的,也可以用导航这一词概括。...
- 一.话不多,先看效果: 大家好,(๑╹◡╹)ノ” 这是我在逛b站时看到一个上传图片的效果,想着可以自己也做一个,因为原作者是用原生js写的,那我不如就用vue写好了,当然,是一个很小的东西,在HTML文件直接引用vue就好了,详细步骤如下~ 二.详细实现步骤: 1.先定义基本标签:先不管标签里面的vue指令,先定义基本HTML标签。 <div id="app"> <div... 一.话不多,先看效果: 大家好,(๑╹◡╹)ノ” 这是我在逛b站时看到一个上传图片的效果,想着可以自己也做一个,因为原作者是用原生js写的,那我不如就用vue写好了,当然,是一个很小的东西,在HTML文件直接引用vue就好了,详细步骤如下~ 二.详细实现步骤: 1.先定义基本标签:先不管标签里面的vue指令,先定义基本HTML标签。 <div id="app"> <div...
- 前言: 最近感觉南方挺热的,走在路上能听见能听到很大声的蝉鸣。不过我喜欢蝉鸣。也喜欢夏天。最喜欢在夏天旅行。夏天,你好。ヽ(。◕‿◕。)ノ゚ 最近挺久没更新了,不如,就写篇vue基础的文章把。这是一篇极简Vue基础指令与方法的文章,快速回忆vue基础指令。@TOC 一.vue脚手架安装:vue-cli让人们迅速搭建一个vue项目。1.先打开cmd终端,在终端回车执行如下命令,先全局安装@v... 前言: 最近感觉南方挺热的,走在路上能听见能听到很大声的蝉鸣。不过我喜欢蝉鸣。也喜欢夏天。最喜欢在夏天旅行。夏天,你好。ヽ(。◕‿◕。)ノ゚ 最近挺久没更新了,不如,就写篇vue基础的文章把。这是一篇极简Vue基础指令与方法的文章,快速回忆vue基础指令。@TOC 一.vue脚手架安装:vue-cli让人们迅速搭建一个vue项目。1.先打开cmd终端,在终端回车执行如下命令,先全局安装@v...
- 一. 速识概念: 1. 组件之间共享数据的方式:通常有以下几种方式:父向子传值:v-bind 属性绑定;子向父传值:v-on 事件绑定;兄弟组件之间共享数据:EventBus; 2. vuex是什么:按照官方的话来说,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成... 一. 速识概念: 1. 组件之间共享数据的方式:通常有以下几种方式:父向子传值:v-bind 属性绑定;子向父传值:v-on 事件绑定;兄弟组件之间共享数据:EventBus; 2. vuex是什么:按照官方的话来说,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成...
- 本期精彩看点:很多开发者都有写技术文章的想法,但因缺乏一些写作技巧而无从下手,这本秘籍可以帮到你;带你探秘Angular、React和Vue三大主流前端框架,如何从业务角度出发,选择合适的;以Huawei LiteOS的体系结构详细解读LiteOS各模块开发及其实现原理… 本期精彩看点:很多开发者都有写技术文章的想法,但因缺乏一些写作技巧而无从下手,这本秘籍可以帮到你;带你探秘Angular、React和Vue三大主流前端框架,如何从业务角度出发,选择合适的;以Huawei LiteOS的体系结构详细解读LiteOS各模块开发及其实现原理…
- DevUI Design 是从华为云 DevCloud 众多业务孵化出来的一套设计体系,DevUI 倡导沉浸、灵活、至简的设计价值观,提倡设计者为真实的需求服务,为多数人进行设计,拒绝哗众取宠、取悦眼球的设计。目前已经基于这套设计体系,开源了 NG DevUI 组件库,社区有很多开发者喜欢我们的组件库,并且希望 DevUI 能推出一套 Admin 系统(还有小伙伴主动提出帮忙测试,非常感谢和... DevUI Design 是从华为云 DevCloud 众多业务孵化出来的一套设计体系,DevUI 倡导沉浸、灵活、至简的设计价值观,提倡设计者为真实的需求服务,为多数人进行设计,拒绝哗众取宠、取悦眼球的设计。目前已经基于这套设计体系,开源了 NG DevUI 组件库,社区有很多开发者喜欢我们的组件库,并且希望 DevUI 能推出一套 Admin 系统(还有小伙伴主动提出帮忙测试,非常感谢和...
- 从这三大主流前端技术出发,看看它们各自特性,以及如何从业务特性出发,选择合适的框架。 从这三大主流前端技术出发,看看它们各自特性,以及如何从业务特性出发,选择合适的框架。
- DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)上一篇我们手把手教大家实现了Pagination组件的基本分页功能(只包含上一页/下一页),现在我们一起来看看如何实现分页组件最核心的分页器吧。6 分页器组件Pager我们再来回顾下分页... DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)上一篇我们手把手教大家实现了Pagination组件的基本分页功能(只包含上一页/下一页),现在我们一起来看看如何实现分页组件最核心的分页器吧。6 分页器组件Pager我们再来回顾下分页...
- DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)上一篇我们介绍了分页组件的模块设计,并用三大框架实现了一个不带实际分页功能的壳子组件,这次我们来一步步实现基本分页功能:只包含上一页/下一页。5 基本分页功能接下来我们开始给Pagina... DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)上一篇我们介绍了分页组件的模块设计,并用三大框架实现了一个不带实际分页功能的壳子组件,这次我们来一步步实现基本分页功能:只包含上一页/下一页。5 基本分页功能接下来我们开始给Pagina...
- DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)引言“他在正午、黄昏,在一天里的许多时刻去感受它、记录它,结果也就让我们看到了那么多的不同。他描绘它的角度没变,但它的面目却极大地改变了。”19世纪著名的印象派画家莫奈,喜欢对着同一处景... DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)引言“他在正午、黄昏,在一天里的许多时刻去感受它、记录它,结果也就让我们看到了那么多的不同。他描绘它的角度没变,但它的面目却极大地改变了。”19世纪著名的印象派画家莫奈,喜欢对着同一处景...
- 我们是大前端,我们可以做一切~还在担心自己是个小前端吗,此刻开始,我们是大前端。在你的印象中,前端是否就是做页面的苦逼呢这篇文章带大家来了解一下! 我们是大前端,我们可以做一切~还在担心自己是个小前端吗,此刻开始,我们是大前端。在你的印象中,前端是否就是做页面的苦逼呢这篇文章带大家来了解一下!
- 前言项目开发过程中,组件通过render()函数渲染生成,并在组件内部定义了自定义拖拽指令。自定义拖拽指令规定了根据用户可以进行元素拖拽、缩放等一系列逻辑处理的动作。另一个逻辑处理页面由Vue实现,该页面可以实时展示元素相关属性信息(包括size、width、height及left、top等属性)。 思路监听器方式实现;Vuex state实现; 代码实现.js// 鼠标按下事件el.on... 前言项目开发过程中,组件通过render()函数渲染生成,并在组件内部定义了自定义拖拽指令。自定义拖拽指令规定了根据用户可以进行元素拖拽、缩放等一系列逻辑处理的动作。另一个逻辑处理页面由Vue实现,该页面可以实时展示元素相关属性信息(包括size、width、height及left、top等属性)。 思路监听器方式实现;Vuex state实现; 代码实现.js// 鼠标按下事件el.on...
上滑加载中
推荐直播
-
鸿蒙上云,加速开发者成长
2024/09/11 周三 16:30-18:00
芝诺 华为云HarmonyOS DTSE技术布道师
鸿蒙千帆起,越来越多的开发者启动鸿蒙原生应用开发,开发者创新中心提供全面的合作资源与支持服务,从了解、到学习评估、到开发上架以及技术支持,帮助不了解鸿蒙应用开发的伙伴快速转身、快速具备鸿蒙应用开发的能力。诚邀您加入鸿蒙生态,开启鸿蒙原生应用开发!
回顾中 -
测试效率&质量提升,赋能产品研发的测试自动化工厂
2024/09/26 周四 16:30-18:00
苏柏亚培 华为云PaaS DTSE技术布道师
如何构建企业测试中台,实现一站式云端全流程测试自动化解决方案?本期直播将聚焦华为云PaaS 测试计划(CodeArts TestPlan)服务,它是面向软件开发者提供的一站式云端测试平台,覆盖测试管理、接口测试,融入DevOps敏捷测试理念,帮助您高效管理测试活动,保障产品高质量交付。
回顾中 -
2024华为开发者大赛·广东赛区-企业赛道评审
2024/09/28 周六 09:00-16:30
华为开发者大赛评委组
直播盛启!直击2024华为开发者大赛广东赛区企业赛道评审现场,见证创新力量,共襄科技盛宴。不容错过,速来围观!
回顾中
热门标签