2 “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 } }})
想要了解跟多关于前端培训课程内容欢迎关注尚硅谷前端培训,尚硅谷除了这些技术文章外还有免费的高质量前端培训课程视频供广大学员下载学习。
上一篇: 什么是DataSet_大数据培训
下一篇: SparkSession新的起始点_大数据培训