前端Vue系列
文章平均质量分 94
石添的编程哲学
分享更具智慧,更直击本质的编程方法,在分享中沉淀和突破自己,布道更多搬砖人!
展开
-
【Vue系列8】——掌握不加班秘诀 Vue CLI
三连多大胆,就有多大产!开源促使进步,献给每一位技术使用者和爱好者!干货满满,摆好姿势,准备发车争议Vue CLI是为了让开发者能够开箱即用快速地进行应用开发而生的,它们秉承的是 约定大于配置 思想,这里类似于Java中的SpringBoot,简单说就是"能不配置的就不配置,你就按照我的方式来,也不要去争论这个好不好,快速进行业务开发才是正经事",它们不建议你去配置,但也不会拦着你去配置。当然也有很多不同的声音,有的大佬们说:难道现在的开发就是在这些木板的基础上改成自己想要的模样吗?难道不.原创 2021-06-29 16:14:09 · 175 阅读 · 0 评论 -
【Vue系列7】—— 组件化插槽应用
三连多大胆,就有多大产!开源促使进步,献给每一位技术使用者和爱好者!干货满满,摆好姿势,准备发车前言之前的一系列Vue文章,介绍了Vuede基础语法、组件化、以及父子组件的通信等,这篇文章是组件化的最后一篇,之后我们就要进入 Vue 脚手架(Vue CLI)部分了,希望各位读者朋友记得三连掌握不夜学长的最新动态,谢谢大家阅读支持,也由心希望能够帮助到大家,快乐你我!这篇要打开哪里的大门呢?我们一起往 ↓ 看吧插槽概述插槽英文是slot,生活中如:电脑的USB插槽、插排上的电源插槽,插槽的目的.原创 2021-06-14 11:54:28 · 474 阅读 · 3 评论 -
【Vue系列6】——Vue组件访问数据和父子通信
点赞多大胆,就有多大产!开源促使进步,献给每一位技术使用者和爱好者!干货满满,摆好姿势,点赞发车前言上篇我们说了一下 组件开发入门 的技术点,我们组件之间肯定是要交互数据的,我们在这篇文章中就说一下,组件化中怎么进行数据交互!组件访问数据首先组件是不能访问Vue实例中数据的,也就是说组件是不能直接使用Vue中的data属性的数据滴,下边跟着学长来看一下单纯的组件访问数据怎么写实现方式在组件实例中使用data函数,再返回值就可以实现了代码<!DOCTYPE html><.原创 2021-06-03 17:36:59 · 189 阅读 · 0 评论 -
【Vue系列5】——Vue组件化开发入门篇
点赞多大胆,就有多大产!开源促使进步,献给每一位技术使用者和爱好者!干货满满,摆好姿势,点赞发车前言本文主要说一下组件化开发一些概念和基本使用,有基础的小伙伴应该听过组件通信,插槽等这样的概念,我们下篇再说!在具体编码之前我们需要知道两个概念:什么是组件化为什么需要组件化组件化组件化介绍组件化是一种高效的处理复杂应用系统,更好的明确功能模块作用的方式,为了解耦:把复杂系统拆分成多个组件,分离组件边界和责任,便于独立升级和维护配合下图讲人话就是,比如一个电商项目中很多页面都包含搜索框,原创 2021-06-01 11:39:19 · 392 阅读 · 0 评论 -
【Vue系列4】—— 搜刮小案例,多多练习百炼成钢
点赞多大胆,就有多大产!开源促使进步,献给每一位技术使用者和爱好者!干货满满,摆好姿势,点赞发车路漫漫其修远兮,吾将上下而求索前言本章节怼几个案例供读者小伙伴们练习,写不出东西就是写的少,多写就有思路,案例也懒得去搞CSS了,大家主要锤Vue就可以了。不废话直接上货!案例1:选择登陆方式需求点击页面按钮可以选择使用邮箱登录或用户账号登录代码<!DOCTYPE html><html> <head> <meta charset="utf-8.原创 2021-05-31 14:08:00 · 312 阅读 · 0 评论 -
【Vue系列3】—— Vue计算属性、监视属性和生命周期
点赞多大胆,就有多大产!开源促使进步,献给每一位技术使用者和爱好者!干货满满,摆好姿势,点赞发车路漫漫其修远兮,吾将上下而求索前言本章节咱们来说一下Vue中两个非常重要的计算属性、监视属性和生命周期,不废话直接上干货计算属性计算属性介绍在模板中可以直接通过插值语法显示一些data中的数据,有些情况下我们需要对数据进行转化或者计算后显示,我们可以使用computed选项来计算,这时有些小伙伴可能就会问,我直接定义函数再调用不就行了,为什么还要整一个计算属性呢?这个问题在下边再做解释,我们先来.原创 2021-05-30 13:07:14 · 621 阅读 · 2 评论 -
【Vue系列2】—— Vue常用指令和简单案例
点赞多大胆,就有多大产!开源促使进步,献给每一位技术使用者和爱好者!干货满满,摆好姿势,点赞发车路漫漫其修远兮,吾将上下而求索前言本章节咱们来说一下Vue中常用的指令,不废话直接上干货v-show作用根据表达值的真假,切换元素的显示和隐藏代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script s.原创 2021-03-09 19:31:57 · 279 阅读 · 0 评论 -
【Vue系列1】—— Vue入门和基础指令
点赞多大胆,就有多大产!开源促使进步,献给每一位技术使用者和爱好者! 干货满满,摆好姿势,点赞发车**这是Vue框架的第一篇,也不说多重要,掌握的必要性这些了,懂的都懂,直接干货怼起来!**学习Vue.js前置知识在学习Vue之前需要已经掌握HTML、CSS、JavaScript(基础语法、BOM和DOM)、Ajax。Vue简介如上图是Vue的图标,官网上介绍Vue是一套用于构建用户界面的渐进式框架,解释来说Vue其实是一个JavaScript框架,相比于jQuery这些库框架的功能更为.原创 2021-03-06 14:33:58 · 366 阅读 · 1 评论