doterlin / vue_ajax_list_example

一个简单的vue.js+Ajax+zepto可切换列表实例

Home Page:https://doterlin.github.io/vue_ajax_list_example/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue_ajax_list_example

一个简单的vue.js+Ajax+zepto可切换列表实例,在学习vuejs就找了这个例子重勾了一下。希望能对大家有帮助。
这个例子包含了vue.js的for,show ,if等命令,并写了一个小组件,结合zepto做了ajax数据交互演示,基本涵盖新手可能需要看到的示例点。写得不好,欢迎各位Issues。

下载

直接点这里下载zip;
或者使用git:git clone https://github.com/doterlin/vue_ajax_list_example.git

适用于移动端

做了一些自适应,css里面包含一些简化的reset移动端(重置默认样式),可以参考作为移动端开发的base样式。

vue.js


vue.js大概是一个青量的MVVM框架(不依赖任何第三方库,所以这里可以不适用zepto),这个就不多说了吧。
可以看看官网资料:vue.js官网

zepto.js


算是一个缩水版的jQeury,一般用在移动端。zepto文档

运行

直接运行index.html即可查看效果;
或者点这里查看演示(建议切换为手机分辨率看,另由于github的https协议问题,github演示使用假数据)

注意

ajax用的是一个线上的可跨域地址

About

一个简单的vue.js+Ajax+zepto可切换列表实例

https://doterlin.github.io/vue_ajax_list_example/


Languages

Language:CSS 45.1%Language:HTML 32.1%Language:JavaScript 22.4%Language:PHP 0.4%