用户登录

在 Vue 组件里我们可以定义一些方法,这些方法可以去做不同的事情。定义的这些方法要放在组件的 methods 属性里面,这个 App 组件里面,添加一个 methods 属性,它的值是一个对象,在这个对象里面,你可以定义一些方法,也就是函数。

比如定义一个叫 setName 的函数,把之前在 created 里面添加的这几行代码放在这个 setName 方法里面,这几行代码做的事情就是,在 3 秒钟以后,把 name 数据的值设置成 宁皓网。

在组件内容使用定义的方法,可以这样,比如在 created 里面用一下 setName 这个方法,执行一下 this.setName(), this 指的是这个组件实例,setName 是在组件里定义的一些方法的名字。

在浏览器预览一下,一开始界面上显示 NINGHAO,创建组件的时候会执行组件里的 setName 方法 ,这个方法会在三秒钟以后把 name 这个数据的值设置成 宁皓网。

methods:组件里的方法《 Vue.js 前端应用 #2:组件基础 》

统计

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

社会化网络

关于

微信订阅号

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