Vue

src下创建store/index.js，将index.js挂载到main.js上 src下创建store/modules/counter.js，存储不同模块的数据 页面引入模块进行使用 重置stat

v-if 指令 v-if 指令可以用于在满足特定条件时渲染一块内容。只有在指令的表达式返回 truthy 值时，这块内容才会被渲染。 我们还可以使用 v-else 和 v-else-if 指令来添加

绑定Class 在Vue.js中，可以使用v-bind:class指令来绑定一个或多个类名到HTML元素上。以下是一些示例，说明如何使用这个指令。 对象语法 当v-bind:class指令传递一个对象

动态参数 在JavaScript的Vue框架中，我们可以使用方括号括起来的表达式作为指令的参数。例如： 在这里，attributeName是一个动态参数，它会被解析为一个JavaScript表达式，并

Vue.js是一个JavaScript框架，它提供了一个声明式、可组件化的视图组件库，用于构建用户界面。Vue.js的核心是一个响应式的视图引擎，它使得开发者可以使用简洁的模板语法将数据渲染到DOM(

使用key属性 在Vue中，使用v-for指令循环渲染列表时，给每一项列表内容设置key属性是为了提高渲染效率和正确性。 key属性在Vue中用于标识每个节点的唯一性，它在Vue的虚拟DOM算法中起着

vue的v-model实现原理 v-model 是 Vue.js 中一个重要的指令，它提供了一种简洁的方式来实现双向数据绑定。它的实现原理主要依赖于 Vue 的数据劫持和发布订阅模式。 数据劫持：Vu

createApp 创建一个应用实例，单页面应用(SPA) Component根组件 Props传递根组件的Props createSSRApp 创建一个应用实例，服务端渲染应用(SSR) 与crea

vue2创建项目 脚手架创建 安装脚手架 创建项目 vue3创建项目 vue2创建项目 vue3创建项目

一、 父子组件通信 父组件向子组件传递参数 父组件使用v-bind动态绑定props值，子组件props选项声明从父组件接收的数据 props接参方式： （1） props数组接收多个父组件传递的参数

一、前言 我们以uniapp为例进行讲解，具体类型项目需自行参考实现 二、安装 vuex官网：https://vuex.vuejs.org/zh/ npm yarn 三、创建vuex的store文件

一、全局api更改 vue2 vue3 定义 Vue.config.xxx app.config.xxx 包含 Vue 的全局配置 Vue.config.productionTip 移除 生成生产提示

一、fragment vue2中，每个组件必须有一个根标签包裹。 vue3中，每个组件可以没有根标签，会自动创建一个虚拟标签fragment标签。 二、teleport 将html结构指定到DOM的某

一、响应式数据判断方法 isRef：检查值是否是ref对象 isReactive：检查对象是否通过reactive创建 isReadonly：检查对象是否通过readonly创建 isProxy：检查

一、定义 父组件向子组件传参：使用prpops 父组件向孙组件（子组件的子组件）传参：使用provide/inject，provide提供数据，inject使用数据 二、示例 父组件引用子组件，子组件

一、定义 customRef自定义数据，可以灵活处理数据逻辑 二、示例 延时获取input的数据 定义自定义方法，返回customRef方法。 通过customRef的get()获取数据，使用trac

一、toRaw toRaw将reactive的数据从响应式数据变为普通数据 二、markRaw markRaw将数据设置成普通数据，数据将不再是响应式

一、定义 readonly：用于对数据进行保护，只能读取不能修改 shallowReadonly：用于对浅层次数据进行保护，只能读取不能修改 二、示例 person1中任意值被修改时，会被阻止 per

一、shallowReactive shallowReactive与reactive具有相同功能，区别在于shallowReactive只能响应浅层数据 person的name和age可以做到响应式的

一、toRef的使用 将数据转换为响应式ref对象数据 二、toRefs的使用 将数据批量转换为响应式ref对象