JavaScript进阶教程 - Vue（Composition API、Vuex）

Vue.js 是一个渐进式 JavaScript 框架，用于构建用户界面。Vue 的核心库只关注视图层，易于学习且易于集成。随着 Vue 3 的发布，引入了 Composition API，这是一种新的组件编写方式，旨在解决 Vue 2 中使用 Options API 时遇到的一些限制。此外，Vuex 是 Vue 应用的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

Composition API

Composition API 是 Vue 3 中的一个新特性，提供了一种更灵活的方式来组织组件的逻辑。与 Options API 相比，Composition API 更倾向于函数式编程，它允许开发者更好地利用 TypeScript 的类型推断，并使得组件逻辑的重用和测试变得更加容易。

• 基本用法：使用 setup() 函数来组织组件的响应式状态和逻辑。

  import {
        ref, reactive, computed } from 'vue';
  
  export default {
       
    setup() {
       
      const count = ref(0);
      const state = reactive({
        name: 'Vue' });
  
      const