JQuery(3)

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.而後界面自動(不用寫代碼)
相關文章
相關標籤/搜索