极客神殿

坚持,自由,信仰

vue axios全攻略

不再继续维护vue-resource,并推荐大家使用 axios 开始,axios 被越来越多的人所了解。本来想在网上找找详细攻略,突然发现,axios 的官方文档本身就非常详细!!有这个还要什么自行车!!所以推荐大家学习这种库,最好详细阅读其官方文档。大概翻译了一下 axios 的官方文档,相信...

2019-01-04 17:01:14

阅读数 34

评论数 0

Ladda的vue封装

index.html <!DOCTYPE html> <html lang="en"&a...

2018-12-31 14:51:13

阅读数 23

评论数 0

Vuejs进阶知识(二十四)【自定义Directive】

自定义 Directive Vuejs除了自身提供的 v-if, v-model 等标准的Directive之外, 还提供了非常强大的自定义功能。 使用这个功能,我们就可以定义属于我们自己的Directive. 例子 我们看下面例子: <html&am...

2018-12-26 23:11:48

阅读数 15

评论数 0

Vuejs进阶知识(二十三)【与CSS预处理器结合使用】

与CSS预处理器结合使用 20年前的《程序员修炼之道》这本书,就提到了程序员的一个职业习惯: DIY。 (Don’t Repeat Yourself), 不要做重复的事儿。 目前的编程语言,几乎都具备了消灭重复代码的能力。 除了CSS CSS 是唯一不具备 支持变量的 编程语言。 因为CS...

2018-12-26 23:06:04

阅读数 33

评论数 0

Vuejs进阶知识(二十二)【事件Event】

Event Handler 事件处理 Vuejs中的事件处理非常强大, 也非常重要。 我们一定要学好它。 Event Handler 之所以会被Vuejs放到很高的地位,是基于这样的考虑: 把跟事件相关的代码独立的写出来, 非常容易定位各种逻辑, 维护起来方便。 event handl...

2018-12-26 22:59:23

阅读数 54

评论数 0

Vuejs进阶知识(二十一)【生命周期,最佳实践】

Vuejs的生命周期 每个 Vuejs 的实例,都会经历下图的生命周期。 可以看出,基本周期是: created (创建好DOM) mounted (页面基本准备好了。) updated (update 可以理解成人肉手动操作触发) dest...

2018-12-26 22:49:33

阅读数 20

评论数 0

Vuejs进阶知识(二十)【vuex状态管理器】

Vuex Vuex 是 状态管理工具. 跟React中的Redux相似,但是更加简洁直观。 简单的说, Vuex 帮我们管理 “全局变量”, 供任何页面在任何时刻使用. 跟其他语言中的“全局变量”相比, 使用Vuex 的优点是: Vuex中的变量的状态是响应式的。 当某个组件读取这个变...

2018-12-26 22:44:45

阅读数 20

评论数 0

Vuejs进阶知识(十九)【slot】

Slot 作为对Component的补充,Vuejs 增加了 Slot 这个功能. 普通的Slot 我们从具体的例子来说明。 <html> <head> &...

2018-12-26 22:37:13

阅读数 17

评论数 0

Vuejs进阶知识(十八)【component 进阶知识】

Component (组件) 进阶 Component 是非常常见的,在我们的Web开发中,只要是生产环境的项目,就一定会有Component. 下面就是我们的一个实际项目中的例子, 这个项目我们只做了两个月,里面就发展到了32个component. 如下图所示: 很多时候,我们甚至会看...

2018-12-26 22:31:00

阅读数 15

评论数 0

Vuejs进阶知识(十七)【computed properties】

使用Computed properties(计算得到的属性)和watchers(监听器) 很多时候,我们在页面上想要显示某个变量的值时,都需要经过一些计算, 例如: <div id="example&amp...

2018-12-26 22:06:36

阅读数 15

评论数 0

Vuejs进阶知识(十六)【mixin】

Mixin Mixin是一种更好的复用代码的模式. 我们知道 java , Object C 中的 interface , implements, extends 等关键字的意义,就是为了让代码可以复用、继承. 但是这几种方法, 都理解起来很不直观, 给人一种拐弯抹角的感觉. 特别是像我这...

2018-12-26 22:01:41

阅读数 15

评论数 0

Vuejs基本知识(十五)【js的作用域和this】

js的作用域 与 this 无论是 javascript, 还是 emscript, 变量的作用域都属于高级知识。 我们想考察一个js程序员的水平如何,可以直接用作用域来提问。 同时,我们在实际的开发中发现,很多js/emscript 的新人,对于作用域和 this 都很含混,所以这里要单独的...

2018-12-25 22:13:58

阅读数 22

评论数 0

Vuejs基本知识(十四)【component初级知识】

Component 组件 组件是 Vuejs中最最重要的部分之一. 学号需要一定的时间投入。 在 “webpack” 项目中,每一个页面文件( .vue) 都可以认为是一个组件. 在Vuejs 1.x中, 组件跟 视图 是分别放到不同的文件夹下面的. 在Vuejs 2.8以后, 所有的视图...

2018-12-25 22:07:04

阅读数 10

评论数 0

Vuejs基本知识(十三)【表单的提交】

表单的提交 大家要切记这一点: 在任何 Single Page App中,js代码都不会产生. 一个传统意义的form表单提交!(这会引起整个页面的刷新) 所以,我们往往用事件来实现.(桌面开发思维) 例如,在远程有个接口,可以接受别人的留言: URL: http://siwei.me...

2018-12-25 21:59:52

阅读数 77

评论数 0

Vuejs基本知识(十二)【表单的绑定】

表单项目的绑定 基本上,所有的表单项,无论是<input/>, 还是 <textarea/>,都需要使用 v-model来绑定。 表单项: i...

2018-12-25 21:53:16

阅读数 23

评论数 0

Vuejs基本知识(十一)【双向绑定】

双向绑定 双向绑定这个概念现在越来越普及。 在Angular出现的时候,就作为宣传的王牌概念. 现在几乎是个js前端框架,就有这个功能. 它的概念是: 某个变量,定义于 <script/>, 需要展现在 &a...

2018-12-25 21:45:51

阅读数 27

评论数 0

Vuejs基本知识(十)【使用样式】

使用样式 样式用起来特别简单. 直接写到 <style> 段落里面即可. 如下代码所示: <template> &am...

2018-12-25 21:40:27

阅读数 13

评论数 0

Vuejs基本知识(九)【路由】

路由 路由是所有前端框架中都必须具备的元素。 它定义了对于那个URL(页面),应该由那个文件来处理。 在Vuejs中,路由专门独立成为了一个项目: vue-router. 基本用法 每个vue页面,都要对应一个路由. 例如, 我们要做一个"博客列表页&a...

2018-12-25 21:35:15

阅读数 18

评论数 0

Vuejs基本知识(八)【页面间的参数传递】

不同页面间的参数的传递 在普通的web开发中,参数传递有以下几种形式: url: /another_page?id=3 表单: <form>...</form&a...

2018-12-25 21:30:56

阅读数 12

评论数 0

Vuejs基本知识(七)【发送http请求】

发送http请求 TODO: 需要加上 http resource, 在 main.js。 只要有js的地方,就要有接口。 特别是我们这样前后端分离的SPA, 几乎每个页面都要发起http请求。从后台接口读取数据,并且显示在前台页面。 这就需要用到http请求了. 1. 调用http请求...

2018-12-25 21:22:46

阅读数 58

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭