vue学习笔记三

这篇博客探讨了在Vue.js中如何使用methods,虽然示例中使用的是jQuery的ajax而非axios。作者指出在methods中定义函数时,由于ajax的success回调中this的指向变化,需要使用let that = this来保持对Vue实例的引用。文章强调了一个HTML页面最好只托管一个Vue实例,以避免数据交互的混乱。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

对象实例化之后,会一些比较常用的数据绑定形式之后,就要开始理解methods了,vue.js使用的是axios,但是我用的不是它自带的这种方法,而是用的ajax。我查看了ajax的官方文档,形式上与我所学的不太一样,但是原理有一部分是相同的。写在methods里

$.ajax({

url:"", //接口地址

data:{}, //需要向后端传递的值

success:function(res){}, //后端传回的值

})

methods的方法命名: 方法名(){}

每个方法里最开始写的是let that =this ,调用方法时,that.方法名。

写let that =this的原因是 在ajax的success里因为this.变量名的值是后端传来的值,this找自己就找不到了,或者这样理解,this会先找最上面的data里的值,但是此时的值改变,它就会找不到指向的位置,就会undefine

一个HTML最好使用一个vue托管,也可以使用多个,但是两个vue之间的数据交互容易混乱

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值