1.拷贝jquery.min.js文件到js目录下
【引入jquery 这个巨人】
拷贝vue.min.js文件到js目录下
【引入jquery 这个巨人】
拷贝vue.min.js文件到js目录下
2.输入s3
<script src="js/jquery.min.js">
<script src="js/vue.min.js">
<script src="js/jquery.min.js">
<script src="js/vue.min.js">
3.编写入口函数
$(function(){
$(function(){
});
4.构造MVVM模型
a.先做Model.
var myModel = {stuList:[]};
b.做view
<div id="myView"></div>
c.构造ViewModel
var myViewModel = new Vue(...);
三大参数:数据、界面、事件
javascirpt习惯使用JSON包装下,来传递参数
d.做数据绑定
a.先做Model.
var myModel = {stuList:[]};
b.做view
<div id="myView"></div>
c.构造ViewModel
var myViewModel = new Vue(...);
三大参数:数据、界面、事件
javascirpt习惯使用JSON包装下,来传递参数
d.做数据绑定
5.在入口函数中,写$.ajax()取数据,修改数据模型
a.编写$.ajax(),传递5个常用参数
type,url,dataType,success,error
b.在success把取到的json,赋值给Model
myModel.stuList = res;
6.然后界面自动(不用写代码)