Vue2 插件开发 Toast

前言 Vue 插件开发第一篇,这篇来做个简单的例子,Toast 弹窗提示,如果不知道如何制作 Vue 插件,可以看这里《Vue 插件编写的完整套路》。 基本文件结构 src ├── components │ ├── DetailPost.vue │ ├── EditPost.vue │ └── Home.vue ├── assets │ └── plugins │ └── toast.css ├── plugins │ └── Toast.js ├── router │ └── index.js ├── ...

2018
05-09

Vue2 axios 服务器通信

前言 是想使用 axios 我们不可避免地要跟数据打交道,所以在这里我们得做一些请求接口来模拟数据的请求,这里我们使用 easy-mock,类似的工具还有 JSONPlaceholder 不过 JSONPlaceholder 相对来说会比较麻烦一些,我也没有用过,easy-mock 非常容易上手,你只需要到官方网站中注册一个帐号,然后就可以新建一些接口了。至于怎么新建可以看官方文档教程,在这里不多说。 vue axios 之旅 首先在使用 axio...

2018
03-13

Vue2 插件编写的完整套路

前言 这篇文章主要是分享下如何编写一个 Vue 插件,就像官方提供的路由插件一样,我们可以通过根实例对象的 use() 方法来把插件挂载到根实例身上,其实说白了就是把一个对象(含有属性或方法)根实例的原型上。让其它继承于根实例的实例可以直接使用这个对象的属性或者方法。我们把本地缓存做成一个插件,下面就是完成这个插件的步骤: Vue 插件编写之旅 步骤一: 这一些就是从无到有,创造一个本地缓...

2018
02-27