Vue-style的 Hooks_前端培训

发布时间:2021年05月21日作者:atguigu浏览次数:343

2 “Vue-style” 的 Hooks

Vue-style的 Hooks_前端培训

vue-hooks  也支持以下 Hooks,这些就非常接地气了:

useData

useMounted

useDestroyed

useUpdated

useWatch

useComputed

以及一个 mixin 插件:hooks

这样在不提供 Vue 实例的显式 data  属性的情况下,也实现了一种更函数式的开发体验: 

//引入同react类似的import { hooks, useData, useMounted, useWatch, useComputed } from ‘vue-hooks’ Vue.use(hooks) new Vue({  el: “#app”, //使用也同react   hooks() {     const data = useData({      count: 0    })     const double = useComputed(() => data.count * 2)     useWatch(() => data.count, (val, prevVal) => {      console.log(`count is: ${val}`)    })     useMounted(() => {      console.log(‘mounted!’)    })     return {      data,      double    }  }})

想要了解跟多关于前端培训课程内容欢迎关注尚硅谷前端培训,尚硅谷除了这些技术文章外还有免费的高质量前端培训课程视频供广大学员下载学习。


上一篇:
下一篇:
相关课程

java培训 大数据培训 前端培训 UI/UE设计培训

关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
全国统一咨询电话:010-56253825
地址:北京市昌平区宏福科技园2号楼3层(北京校区)

深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)

武汉市东湖高新开发区东湖网谷(武汉校区)

西安市雁塔区和发智能大厦B座3层(西安校区)