五月头条：统计编程语言市场正在经历大规模整合 本月，编程语言 R 再次在 TIOBE 榜单中达到第 8 位，追平了其历史最高排名。这并非巧合。统计编程语言市场显然正在经历一次重大的整合。最大的赢家是 Python 和 R，而许多老牌语言则持续失去发展势头......
Vue.js 3 不仅支持普通的 <script> 语法，还支持 <script setup> 语法。该语法的本质是在单文件组件（SFC）中使用 Composition API 的编译时语法糖，方便我们在 script 顶层编写 setup 相关的代码，让代码看起来更简洁，并可以提高开发效率。<script setup> 语法是默认推荐的，相比于普通的 <script> 语法，它具有以下优势.....
之前我演示了如何使用 Mixin 混入实现 Options API 中代码的逻辑封装和复用，但这种方式存在来源不清晰、命名冲突风险高、逻辑耦合严重以及难以追踪数据来源等问题，在组件复杂度提升后，代码的可维护性和可读性都会明显下降。 而在 Composition API 中......
我在之前的文章中演示了如何使用 Options API 中的 provide 和 inject 选项实现非父子组件之间的通信。相比于 Options API 中的 provide 和 inject 选项，Composition API 中的 provide 和 inject 函数更加灵活和方便。下面我将通过样例进行演示......
setup 函数不但可以替代 data、methods、computed、watch 等选项，还可以替代生命周期函数（钩子）。如果想在 setup 函数中使用组件生命周期函数，那么可以通过直接导入 onXxx 函数来注册生命周期函数，下面通过样例进行演示......
在 Composition API 中，我们可以使用 watchEffect 和 watch 函数完成响应式数据的监听。其中 watchEffect 函数会自动收集响应式数据的依赖，而 watch 函数则需要手动指定监听数据源。前文我介绍了 watchEffect 的使用，本文接着通过样例演示 watch 函数的使用......
我们知道使用 Options API 能够监听 data、props 或 computed 数据的变化，比如当数据变化时执行某些操作。而在 Composition API 中，我们可以使用 watchEffect 和 watch 函数完成响应式数据的监听。其中，watchEffect 函数用于自动收集响应式数据的依赖......
在 Options API 中，我们可以使用 computed 选项编写计算属性。 而在 Composition API 中，我们可以在 setup 函数中使用 computed 函数编写计算属性。 下面我将通过样例来演示 computed 函数的两种使用方式。 五、computed 函数 1，基本用法 （1）computed 函数最基本用法是......
四、toRefs、isRef、unref、customRef、shallowRef、triggerRef 函数 1，toRefs 函数 （1）toRefs 函数用于将一个 reactive 定义的响应式对象转换为一个普通对象。转换后的普通对象的每个属性都是指向源对象相应属性的 ref 对象。每个单独的 ref 对象都是使用 toRefs 函数创建的......
三、readonly、isProxy、isReactive、isReadonly、toRaw、shallowReactive、shallowReadonly 函数 1，readonly 函数 （1）通过 reactive 或 ref 函数可以获取一个响应式对象。这些响应式对象都是可以被更改的，但是在某些情况下，我们希望响应式对象只读且不能更改......