html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WEB</title>
</head>
<script src="vue.js"></script>
<script src="axios.min.js"></script>
<body>
<div id="el">
<button v-on:click="YES(1)">增加</button>
<button v-on:click="YES(2)">修改</button>
<button v-on:click="YES(3)">刪除</button>
<button v-on:click="YES(4)">查詢</button>
<br></br>
<input ?type="text" ?v-model="name" placeholder="賬號">
<input ?type="text" v-model="word" placeholder="密碼">
<br>
<textarea readonly>{{
Data
}}</textarea>
</div>
</body>
<script>
var vm = new Vue({
? ?el: '#el',
? ?data: {
? ? name:"",
? ? word:"",
? ? Data:"",
? ?},
? ?methods: {
? ? ? ?YES: function(flag) {
? ? ? ? axios({
? ? ? ? ? ? ? ? url:"ADD",
? ? ? ? ? ? ? ? method:"get",
? ? ? ? ? ? ? ? headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'},
? ? ? ? ? ? ? ? params:{
? ? ? ? ? ? ? ? ? ? name:vm.$data.name,
? ? ? ? ? ? ? ? ? ? password:vm.$data.word,
? ? ? ? ? ? ? ? ? ? count:flag
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }).then(function (response) { ? ? ? ? ?
? ? ? ? ? ? if(flag==4)
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? vm.$data.Data=response.data;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? });
? ? ? ?
? ? ? ?}
?
? ?
? ?}
})
</script>
</html>
