05 2022 档案
摘要:前言 作为健身玩家的你,应该都有接触过向心收缩,离心收缩这些名词,有的人看到有“心”这个字眼,认为靠近心脏的动作叫做向心收缩,原理心脏的动作叫做离心收缩,这样理解是正确的吗? 向心收缩和离心收缩的动态示意图 其实在健身房时我们也能看到这些动作,例如,有的人倾向于做快速动作,有的人倾向于做慢速动作,有
阅读全文
摘要:前言 Vue3已经发布很长一段时间了,相信大多数前端人都已经上手把玩过了,其中比较大的一个特性就是setup方法,可以让我们非常直观和方便的组合我们的业务逻辑和hooks。在setup里面返回的变量可以直接在template里面使用。大多数情况下,我们的大部分逻辑都集中在setup方法里面,所以官方
阅读全文
摘要:一、reactive 函数引入 import { reactive } from 'vue' 二、什么是 reactive? 1、reactive 是 Vue3 中提供的实现数据响应式的方法 2、在 Vue2 中响应式数据 是通过 defineProperty 来实现的 所以再对一些复杂类型进行更改
阅读全文
摘要:1.什么是ref?ref和reactive一样,也是用来实现响应式数据的方法由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦所以Vue3提供了ref方法实现简单值得监听2.ref本质ref底层其实还是reactive,所以当运行时系统会自动根据传入
阅读全文
摘要:Composition API是Vue的下一个主要版本中最常用的讨论和特色语法。这是一种全新的逻辑重用和代码组织方法 当前,我们使用所谓的Options API构建组件。为了向Vue组件添加逻辑,我们填充(选项)属性,例如数据,方法,计算的等。这种方法的最大缺点是,这本身并不是有效的JavaScri
阅读全文
摘要:// vue2.xexport default { data () { return {} }, methods: { ... }, beforeCreate() {}, created() {}, beforeMount() {}, mounted() {}, beforeUpdate() {},
阅读全文