1.拷貝jquery.min.js文件到js目錄下
【引入jquery 這個巨人】
拷貝vue.min.js文件到js目錄下
2.輸入s3
<script src="js/jquery.min.js">
<script src="js/vue.min.js">
3.編寫入口函數
$(function(){
});
4.構造MVVM模型
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.而後界面自動(不用寫代碼)