Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

// store/index.js
import { createStore } from 'vuex';

// 创建一个新的 store 实例
const store = createStore({
  state() {
    return {
      count: 0,
    };
  },
  mutations: {
    increment(state) {
      state.count++;
    },
  },
});

export default store;

Vue3 基础语法

模板语法

通过 v-bind 来绑定变量的值，通常简写为 :

通过双括弧语法在 html 元素内使用变量{{变量名}}

双括弧里渲染的是字符串，如果想要渲染一段 html 代码，使用 v-html 来实现

计算属性和侦听器

模板中不宜放入过多的逻辑，难以维护，对于任何包括响应式数据的复制逻辑，都应该使用计算属性。 计算属性具有缓存性，不会进行重复计算

侦听器（监听器），侦听某个响应式数据的变化，执行一段给定逻辑

Pinia