vue系列
文章平均质量分 95
玩转vue框架相关内容
十四亿少女梦
这个作者很懒,什么都没留下…
展开
-
从0开始手把手带你入门Vue3-全网最全(1.1w字)
天命不足畏,祖宗不足法。 ——王安石前言本文并非标题党,而是实实在在的硬核文章,如果有想要学习Vue3的网友,可以大致的浏览一下本文,总体来说本篇博客涵盖了Vue3中绝大部分内容,包含常用的CompositionAPI(组合式API)、其它CompositionAPI以及一些新的特性:Fragment、Teleport、Suspense、provide和inject。项目搭建既然是学习Vue3,那么首先应该需要的是如何初始化项目,在这里提供了两种方式供大家参考方式一:vue-cli脚手架初始.原创 2022-01-05 15:25:24 · 15735 阅读 · 4 评论 -
Vue.js+ElementUI+vant生成动态表单配置
前言我司最近在搭建一款后台管理系统,使用的是Vue全家桶配合Element-ui,遇到一个问题,需要处理很多的表单,所以想到的解决方案是通过后台配置生成动态表单,这对于我来说也算是新的挑战,涉及的功能有动态表单渲染和验证,那么一起来学习一下我是如何实现的吧!本文仅仅代表笔者自己的思路,如果您有更好的实现方式,可以在下方留下您宝贵的建议。笔者将十分感谢开发准备需要储备的知识点了解Element ui表单了解Vue中的$set(target,key,value)方法了解vant中的表单组件原创 2021-06-15 09:24:09 · 2823 阅读 · 0 评论 -
用Vue实现一个简单的图片轮播
本文已收录至https://github.com/likekk/studyBlog欢迎大家star,共同学习,共同进步。如果文章有错误的地方,欢迎大家指出。后期将在将GitHub上规划前端学习的路线和资源分享。写在前面 每一篇文章都希望您有所收获,每一篇文章都希望您能静下心来浏览、阅读。每一篇文章都是作者精心打磨的作品。如果您觉得杨戬这个小白还有点东西的话,杨戬希望正在看文章的您可以帮忙点亮那个点赞的按钮(效果更加),对于杨戬这个暖男来说,真的真的非常重要,这将是我持续写作的动力。前言 写...原创 2020-07-16 16:07:58 · 3350 阅读 · 0 评论 -
vue学习笔记(六)表单输入绑定
前言在上一章vue学习笔记(四)事件处理器这一篇博客的内容中,我们已经了解vue是如何绑定事件的,而本篇博客主要讲解的是vue中表单输入的绑定,通常我们自己提交信息的时候都是通过表单将信息到服务器的,例如登陆、注册等等。但是直接提交的话可能存在恶意的行为,尽管服务器那边对我们提交的信息进行处理,但是无形之中还是会增加服务器的压力,为了减少服务器的压力,vue也提供了一系列简便的方法供我们使用...原创 2020-01-17 19:58:14 · 204 阅读 · 0 评论 -
vue学习笔记(五)条件渲染和列表渲染
前言在众多的编程语言中,我们的基础语法总是少不了一些专业语法,比如像定义变量,条件语句,for循环,数组,函数等等,vue.js这个优秀的前端框架中也有同样的语法,我们换一个名词,将条件语句改成专业词汇叫做条件渲染,循环语句改成专业词汇叫做列表渲染,这样比较舒服一点。本章目标学会条件渲染的使用学会可复用的key的使用学会列表渲染的使用条件渲染1.v-if的使用<...原创 2020-01-16 22:19:56 · 255 阅读 · 0 评论 -
vue学习笔记(四)事件处理器
前言在上一章vue学习笔记(三)class和style绑定的内容中,我们学习了如何在vue中绑定class和style,介绍了常用的绑定方法,class的数组绑定和对象绑定以及style的数组绑定和对象绑定,本篇博客将会讲解关于vue中事件的使用。其实关于事件我们都不陌生,在学习JavaScript的时候就有接触过,例如点击事件,鼠标事件,键盘事件以及移动端的触摸事件等等。在学习vue的事件处...原创 2020-01-06 09:53:14 · 204 阅读 · 0 评论 -
vue学习笔记(三)class和style绑定
前言通过上一章的学习vue学习笔记(二)vue的生命周期和钩子函数,我们已经更近一步的知道了关于vue的一些知识,本篇博客将进一步探讨vue其它方面的内容,vue中关于class和style绑定,关于class和style我们并不陌生,这个在学习css的时候就是家常便饭了,操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只...原创 2020-01-01 22:54:54 · 252 阅读 · 0 评论 -
vue学习笔记(二)vue的生命周期和钩子函数
前言通过上一章的学习,我们已经初步的了解了vue到底是什么东西,可以干什么,而这一篇博客主要介绍vue的生命周期和它常用的钩子函数,如果有学过java的园友可能有接触到在学习servlet的时候学过servlet的生命周期servlet 加载—>实例化—>服务—>销毁,对于vue的而言他也有自己的生命周期,那么一起来看看吧!本章目标学会并了解vue的生命周期和钩子函数学...原创 2020-01-01 22:33:00 · 499 阅读 · 0 评论 -
vue-cli项目中引入第三方插件
前言最近有小伙伴问道如何在vue-cli项目中引入第三方插件或者库,例如如果想在项目中使用jQuery中的Ajax请求数据呢?或者我想使用Bootstrap框架呢?等等这些问题,本篇博客将带你学习如何引入第三方插件或者库(仅仅只是一部分,如果没有您想要的可以自行百度),那么一起来看看吧!本章目标学会vue-cli项目中引入jQuery学会vue-cli项目中引入Bootstrapvu...原创 2019-12-28 23:37:11 · 1305 阅读 · 0 评论 -
vue学习笔记(一)入门
前言随着前端不断的壮大,许多公司对于前端开发者的需求也越来越多了,作为一名优秀的前端工程师,如果连vue和react都不会的话,那真是out了,为什么那么说呢?这是我在招聘网站上截的一张图,十家公司有九家都是需要对vue或者react熟悉,当然仅仅熟悉肯定是不够的,毕竟掌握住了才能保住自己的铁饭碗,否则的话可能会被炒鱿鱼,精通vue或者react话就可能就需要很长时间了,反正我是不敢说精通,只能...原创 2019-12-28 23:36:23 · 333 阅读 · 0 评论 -
vue实现简单的购物车功能
前言我们在开发商城的过程中,购物车功能是必不可少的一项,比如我们现在比较流行的商城有淘宝,天猫,京东,小米,拼多多,唯品会,当当网等知名商城。那么你是否想过自己开发一个购物车的功能呢?我们使用vue,angular都可以比较轻松的开发购物车这个功能。下面小编就使用vue带您做一个简单的购物车功能。本章目标使用vue实现简单的购物车功能项目构建1.引入vue.js文件,然后搭建静态的jso...原创 2019-09-26 23:48:00 · 750 阅读 · 0 评论 -
使用webstorm搭建vue-cli项目
前言随着vue在前端不断的壮大起来,越来越多的前端工程师使用vue了,作为大型项目的开发,vue-cli是不二之选,所以这篇博客是为搭建vue-cli所写,想要搭建vue-cli项目就必须先有git,node.js,webpack,git地址:https://git-scm.com/node.js地址:http://nodejs.cn/本章目标使用websotm搭建vue-cli项目,前...原创 2019-10-10 00:00:19 · 1246 阅读 · 0 评论 -
vue-cli项目下引入vant组件
前言Vant是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业务中。如果你需要开发一个移动商城,用 Vant 就再合适不过了。vant地址:https://youzan.github.io/vant/#/zh-CN/intro本...原创 2019-09-27 00:11:21 · 1406 阅读 · 1 评论