我和vue.js 第2篇——起步

经过上次的学习,已经基本掌握了vue的特点和优势,今天就开始真正的起步,刚好有个用户信息功能需要做,其中有个省市区三级联动。之前一直都是用jQuery写,这次先用vue热热身~~

省市区的数据接口是后台提供的,但是由于我是在本地调试,牵扯到跨域的问题,一直报错啊。宝宝心里苦。。。没办法了,只能先把返回的省市区数据下载下来存入一个json文件,本地请求就行了。

搞好了数据,好开始第一步,测试数据。。。、

一个简单的Ajax json数据请求,应该不会出问题,F12 控制台。。喵的,报错。。。好吧 是因为浏览器为了安全问题禁止浏览器直接访问本地文件,只能配置个服务器了,本地调试一直用的微软自带的IIS,打开,配置上,完事,请求成功,成功打印出需要的数据,在此贴出部分~

数据就是这么个样子了。开搞。新建一个html文件,把vue和jQuery的js引入

第一步:创建一个vue的根实例

下一步:写html结构应用vue实例,循环打印出json数据中省份名字

刷新,为啥不好使哎。。检查检查,好吧,请求数据还没和实例绑定

QQ截图20160910100443

 

 

 

 

 

好了~省份列表成功打印出来,下一步就是实现点击联动啦。还要继续学习加油!!本次课程结束,明天继续!

版权属于: 三个前端 | 积累知识,分享经验,交流心得
原文地址: http://web3ge.com/archives/143
欢迎转载,请以链接形式注明原始出处及本声明。

Be the first to comment

发表评论