![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue2.0
小异常
用代码书写人生!用代码创造奇迹!!
展开
-
【Vue笔记整理十二】Vue Cli(Vue脚手架)
Vue 作为新一代的前端技术,已经在很大程度上改变了前端开发的思想,前端的发展也逐渐向后端靠拢。我在之前的几篇博客中都是以我们之前的前端开发思想来讲的(直接引入 JS 文件的方式),其实 Vue 并不是这样使用的,作为新一代的前端技术,它在写法和思想上已经完全颠覆了我们对前端的认知。原创 2020-12-01 14:55:00 · 280 阅读 · 1 评论 -
【Vue笔记整理十一】Vue路由(Vue Router)
路由 这个词在网络上大都是用专业术语来解释的,而往往专业术语解释出来的都不太好理解,用大白话来解释 路由 就是一条路的由来,也可以说是从一个地方转到另一个地方的过程,这个过程我们把它称为是 路由。再结合我们 Web 开发说来,是根据请求的路径按照一定的规则将请求进行转发,从而帮助我们实现统一的请求管理。在 Vue 中我们可以 通过路由来实现组件之间的动态切换。原创 2020-12-01 14:28:07 · 229 阅读 · 0 评论 -
【Vue笔记整理十】Vue组件
Vue 号称是一款 易用、灵活、高效 的框架,他体现在各个方面,尤其是在 Vue 组件 方面较为突出,Vue 组件 其实就是用来减少 Vue 实例对象中的代码量的,我们在使用 Vue 开发中,可以根据不同的业务功能将页面划分为不同的多个组件,然后由这多个组件去组合完成最终的页面。这样做便于使用 Vue 进行开发时对页面的管理,方便了开发人员进行代码的维护。本篇博客主要以 Vue 组件 为主,讲解 Vue 组件 的基本用法、Prop的使用、组件中数据和事件的使用,以及如何向子组件传递事件。原创 2020-12-01 11:44:02 · 143 阅读 · 0 评论 -
【Vue笔记整理九】生命周期
每一个 Vue 实例如同很多对象一样,在创建的时候都需要经历一系列的初始化过程,在 Vue 官网上把这一系列过程运行的代码称为 生命周期钩子。其实说的再明白点,生命周期钩子就是生命周期函数,也不明白官网为什么要把函数称为钩子,搞得很多小伙伴们一头雾水。本篇博客就为大家讲解在 Vue 实例初始化时的三个阶段(初始化阶段、运行阶段和销毁阶段),它们这三个阶段都要执行哪些函数。原创 2020-12-01 11:14:32 · 196 阅读 · 0 评论 -
【Vue笔记整理八】Axios异步请示
相信从事过 Web 开发的人员,都应该听过也使用过 AJAX 这个异步请求技术。但 Vue 的前端时代已经来临,Vue 更推荐大家使用新一代异步请求技术 —— Axios(读音:艾可思塞儿思)。Axios 是一个新一代的异步请求技术,它的核心作用是在页面中发送异步请求,并获取响应数据在页面中渲染,这一点它和 AJAX 类似,而它相对于 AJAX 在功能上更加强大,新增了并发请求技术,使我们在页面渲染性能上得到了很大的提升。原创 2020-12-01 10:43:13 · 405 阅读 · 0 评论 -
【Vue笔记整理七】按键修饰符(Vue事件三)
本篇博客主要讲解 Vue 事件 中的 按键修饰符,按键修饰符 与键盘中的按键事件绑定在了一起,用来修饰特定的按键。本篇博客我会给大家介绍九个常用的 按键修饰符:.enter、.tab、.delete(捕获“删除”和“退格”键)、.esc、.space、.up、.down、.left、.right。原创 2020-12-01 10:25:55 · 349 阅读 · 0 评论 -
【Vue笔记整理六】事件修饰符(Vue事件二)
本篇将继续深入讲解 Vue 事件 的 事件修饰符,这个 事件修饰符 就是用来装饰 Vue 事件 的,它和事件连用,决定着事件触发条件或者是阻止事件的触发机制。当然多个 事件修饰符 也可以连用。本篇博客会给大家介绍四个常用的 事件修饰符:.stop 、.prevent、 .self、 .once。原创 2020-12-01 10:17:35 · 649 阅读 · 0 评论 -
【Vue笔记整理五】事件绑定(Vue事件一&常用指令四)
本篇将继续讲解八大常用指令中的最后两个指令,最后这两个指令比较特殊,必须结合 Vue 事件 来讲解。事件 这个词相信大家都不陌生,事件 有三要素:事件源、事件、监听器原创 2020-12-01 09:59:21 · 708 阅读 · 0 评论 -
【Vue笔记整理四】v-bind和v-for(常用指令三)
本篇博客会继续给大家介绍八大 Vue 常用指令中的两个指令(v-for 和 v-model)一、v-bind指令(绑定元素的样式属性)1、v-bind 指令的基本用法2、v-bind 指令的简化写法二、v-for指令(遍历对象)原创 2020-12-01 09:06:11 · 516 阅读 · 0 评论 -
【Vue笔记整理三】v-show和v-if(常用指令二)
本篇将会给大家介绍 v-show 和 v-if 这两个指令,这两个指令非常相似,实现的效果也基本一样,很多小伙伴会搞混它们,我也会在文章的最后讲解 v-show 和 v-if 指令的区别。原创 2020-12-01 08:48:05 · 371 阅读 · 0 评论 -
【Vue笔记整理二】v-text和v-html(常用指令一)
本篇会对 Vue 中常用的八大指令进行一一介绍(v-text、v-html、v-show、v-if、v-bind、v-for、v-model、v-on)。由于篇幅过长,我将这八条指令分为三篇博客进行讲解,本篇博客将为大家带来 v-text 指令 和 v-html 指令,这两个指令非常简单,先让大家热热身!原创 2020-11-19 15:52:17 · 325 阅读 · 0 评论 -
【Vue笔记整理一】HelloWorld
Vue 是新一代的前端技术,它的作者叫尤雨溪,这款框架是市面上少有的主流国产化框架,它主要以 前后端分离 为架构。Vue 在官网(https://cn.vuejs.org/)上的定义是:渐进式的 JavaScript 框架。对于 渐进式 这个词相信很多小伙伴们还是很陌生的,当然我第一次见到它也是很不解。经查阅相关资料得知,渐进式 其实是一种思维方式,这种思维方式告诉我们不论做什么事情,都要循序渐进,由表及里、由浅入深、由小到大地进行。当然,作为前端人员可以理解成通过操作很少的 Dom 元素,甚至不操作原创 2020-11-19 14:23:04 · 225 阅读 · 0 评论