用户登录

如果你想让某个对象数据具有 Vue 的反应特性,可以使用 reactive 这个方法处理一下这个对象。 比如在这个组件里,声明一个 user ,它的值可以用一下 reactive ,编辑器自动帮我们从 vue 里面导入了 reactive。 给它提供一个对象,对象里面有个 name 属性,对应的值可以设置成 王皓。

下面可以在控制台上输出这个 user 检查一下。 再让组件的 setup 提供 user 这个数据。

这样在组件的其它地方就可以使用这个数据了。可以在组件的模板里,添加一个 div,里面绑定输出 user 里的 name 这个属性的值。然后在这个元素上绑定一个 click 事件,发生点击事件,修改 user 里的 name 这个属性,把它的值设置成 WANGHAO。

回到浏览器上测试一下,现在界面上会显示 user 里的 name 这个属性的值,点击这个名字,会修改这个名字的值, 组件会立即显示修改之后的这个值。

在控制台输出的是 user ,你会发现这个对象是 JavaScript 里的 Proxy 对象。

声明具有反应特性的数据(reactive)《 Vue.js 前端应用 #8: 反应系统 》

统计

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

社会化网络

关于

微信订阅号

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