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.然后界面自动（不用写代码）