説明

用ready串接後台API

範例

API載入純文字

#app
 p {{text}}

const vm=new Vue({
 el: "#app",
 data: {
  text: ""
  },
 ready: function(){
  $.ajax({
   url: "https://awiclass.monoame.com/api/command.php?type=get&name=notifydata",
   success: function(res){
    vm.text=res;
    }
   })
  }
 
})

Display

哈囉!! 這邊是你用AJAX載入的純文字公告!!

API載入JSON

要先轉換成JSON格式，否則會變成純字串

#app
 ul
  li(v-for="item in items") 【{{item.name}}】${{item.price}}

const vm=new Vue({
 el: "#app",
 data: {
  items: []
  },
 ready: function(){
  $.ajax({
   url: "https://awiclass.monoame.com/api/command.php?type=get&name=itemdata",
   success: function(res){
    vm.items=JSON.parse(res); //轉換成JSON格式
    }
   })
 }
 
})

Display

• 【吹風機】$300
• 【麥克筆】$9000
• 【筆記型電腦】$54555
• 【Iphone 9】$32000
• 【神奇海螺】$5000
• 【PSP1007】$2000
• 【鍵盤】$3500