用户登录

前面我们已经试过在 setup 方法里给组件提供了具有反应特性的一些数据,如果组件用的是 Options 接口的话,这就相当于是在组件里添加了一个 data 方法,用它返回了组件需要的数据。

下面我们再试一下在这个 setup 里面提供组件需要的方法,之前我们用 Options 接口创建组件的时候,会在组件里添加一个 methods 属性,然后在里面添加组件需要用的方法。

使用 setup 提供方法可以这样,在这个 setup 里面,先定义一个方法,名字叫 changeName ,可以使用一个箭头函数,做的事情就是设置一下 name.value 的值,让它等于 NINGHAO。

再让这个 setup 提供这里定义的这个方法,名字是 changeName 。 这样在组件里就可以使用这个 changeName 方法了。比如在这个元素上发生点击事件以后,可以使用这个 changeName 作为这个事件的处理器。

回到浏览器试一下,点一下这个标题,触发了元素的点击事件,就会执行组件里的 changeName 这个方法,这个方法是在组件的 setup 里面提供的。

组合式接口:提供组件方法《 Vue.js 前端应用 #8: 反应系统 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点