MDRY

摘要： setup执行的时机 在beforeCreate之前执行一次，this是undefined。 setup的参数 props：值为对象，包含：组件外部传递过来，且组件内部声明接收了的属性。 context：上下文对象 attrs: 值为对象，包含：组件外部传递过来，但没有在props配置中声明的属性, 阅读全文

摘要： 一.回顾vue2的响应式 实现原理： 对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。 数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。 存在问题： 新增属性、删除属性, 界面不会更新。 直接通过下标修改数组, 界 阅读全文

摘要： 一.ref函数 作用：定义一个响应式数据 语法：const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象） JS中操作数据： xxx.value 模板中读取数据: 不需要.value，直接：<div>{{xxx}}</div> 返 阅读全文

摘要： 1.理解：Vue3中一个新的配置项，值为一个函数。 2.setup是所有Composition API（组合API）表演的舞台 3.组件中所用到的：数据、方法等等，均要配置在setup中。 4.setup函数的两种返回值： 若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用,不需要再写t 阅读全文

摘要： 一.使用vue-cli创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create 二.使用vite创建 官方文档：https://v3.cn.vuejs.org/guide/installation.html#v 阅读全文

摘要： 今天学习vue3中的ref，运行代码就报这种错误，网上各种方法试了不行，后面发现是返回对象中没返回定义的名字，但是报错是不会直接报名字没定义，我写的对象类型ref，其中定义了个type，结果报的错是报的type没定义，所以这种细节问题一定要谨慎 阅读全文

摘要： 一.什么是路由： 1.理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 2.前端路由：key是路径，value是组件。 二.基本使用： 1.安装vue-router，命令：npm i vue-router 2.应用插件：Vue.u 阅读全文

摘要： 1.mapState方法： 用于帮助我们映射state中的数据为计算属性 注意1：mapState的作用：用来生成重复代码，比如return this$store.state.xxx就非常重复，无法复用。mapState采用{k:v}形式 注意2：不能把mapState({he:‘sum’,xuex 阅读全文

摘要： 1.概念 ​ 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 2.vuex理解 官方解释：vuex是一个专为vue.js应用程序开发的 状态管理模式。它采用集中式存储管理应用的所有的 阅读全文

摘要： 1.作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件 > 子组件 2.分类：默认插槽、具名插槽、作用域插槽 3.使用方式： 默认插槽： 子组件：放一个占位符 父组件：在占位符填充内容 总结：如果子组件没有使用插槽，父组件如果需要在子组件中填充html，是不能 阅读全文