<script>
$(function(){ //页面加载时执行,是简写版的window.onload=functuion(){
new vue({
el:"#app", //id选择器,表示vue实例为#app服务
data:{
//储存数据供#app使用
},
methods : {
//这里面定义了一个doAdd的方法(对应某处按键、超链接等附加事件的名字。如@click="doAdd")
doAdd:function(){
//方法内也可以通过axios发送异步请求
axios({
method:"post",
url:"/hello06/h02",
data/params:{ }
}).then(response =>{
alert(response.data);
//then是回调函数,异步请求后服务器响应的数据
//就是response.data,可以继续操作这个数据
// =>{}其实就是后续操作的方法体的意思
});
}
}
});
});
<script>
vue可以对按键、超链接等绑定的事件方法名做详细的方法实现;方法体中也可以使用ajax发异步请求(异步请求可以只让网页局部刷新)
只需要在html上通过<script src="路径名">引用两个js文件即可:
vue.min.js
axios.min.js