小马Ti的博客

Vuex工作原理图

Vuex定义Vuex 是一个专门为 Vue.js 应用设计的状态管理模式和库。它采用集中式存储管理应用的所有状态，并以一种可预测的方式确保状态的变化。Vuex 使得 Vue 组件之间的状态共享更加简单、高效，尤其适用于中大型应用。 组成部分Vuex 的核心组成部分包括： 1.State（状态）：应用的核心数据存储区。 2.Getters（派生状态）：计算并返回从 state 派生的状态。 3.Mutations（突变）：同步修改 state 数据的唯一方法。 4.Actions（动作）：处理异步操作，间接提交 mutations。 5.Modules（模块）：为大型应用提供模块化的状态管理。 结构形式Vuex 的结构通常包括： 1.state：存储全局状态数据。2.mutations：包含一组同步方法来修改 state。3.actions：包含处理异步逻辑并触发 mutations 的方法。4.getters：用于访问 state 并返回派生状态（类似于计算属性）。5.modules（可选）：对大型应用进行模块化管理，将 state、mutations、actions 和...

VueComponent构造函数组件的本质上就是这个构造函数 关于VueComponent： 图中提到，school组件实际上是一个名为VueComponent的构造函数，这个构造函数不是由程序员直接定义的，而是通过Vue.extend生成的。 使用方法： 使用VueComponent的方法很简便，只需要编写<school/>或<school></school>这样的标签。Vue在解析时会自动创建school组件的实例对象，相当于Vue帮我们执行了new VueComponent(options)。 特别注意事项： 每次调用Vue.extend时，都会返回一个新的VueComponent。 关于this指向： 在组件配置中，包括data函数、methods中的函数、watch中的函数以及computed中的函数，它们的this都指向VueComponent实例对象。 相比之下，在new...

Vue.set()方法1.set方法 2.$set方法

v-text指令前置知识 使用方法 案例

v-pre 使用方法不要给插值语法添加这个指令.

v-once

v-html指令

v-cloak 使用方法

scoped属性 防止样式名字一样起冲突的