书架
✨

书架

=一个知识书库=

getCurrentInstance详解
427 字2 分钟

getCurrentInstance详解

我们可以通过 getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象,下面这篇文章主要给大家介绍了关于Vue3组合式API之getCurrentInstance的相关资料,需要的朋友可以参考下 <!--more--> **Vue2中，可以通过this来获取当前组件实例；** Vue3中，在setup中无法通过this获取组件实例，console.log(this)打印出来的值是undefined。 在Vue3中，getCurrentInstance()可以用来获取**当前组件实例** [vue3官方文档解释](https://c
技术设计,前端,vue
more...
$attrs和inheritAttrs用法
999 字4 分钟

$attrs和inheritAttrs用法

- `$attrs`属性解释：包含了父作用域中不作为组件 props 或自定义事件的 attribute 绑定和事件。当一个组件没有声明任何prop 时，这里会包含所有父作用域的绑定，并且可以通过 v-bind="$attrs" 传入内部组件——这在创建高阶的组件时会非常有用。 - `inheritAttrs`属性解释：如果你不希望组件的根元素继承特性，你可以在组件的选项中设置 inheritAttrs: false 可能不是很好理解，我们可以举个例子来验证一下。 <!--more--> ### 在父组件app.vue中 ```javascript <templat
技术设计,前端,vue
more...
Javascript 高阶用法
1336 字5 分钟

Javascript 高阶用法

## 高级数据结构和算法 <!--more--> ### Map和Set数据结构 在JavaScript中，Map数据结构通常用于存储键值对，它可以使用任意类型作为键和值。Set数据结构用于存储唯一值的集合。 ```javascript // 创建Map对象 const map = new Map(); // 设置键值对 map.set('name', 'Tom'); map.set('age', 20); // 获取键值对 console.log(map.get('name')); // 'Tom' console.log(map.get('a
技术设计,前端,js
more...
BEM 命名法
1716 字6 分钟

BEM 命名法

## 摘要 > 当你在编写 css 代码的时候，是否遇到这样的困扰: 不知道取什么 class 名? 修改某个组件的样式，担心影响了其他组件? 编写的组件样式如何复用？为了解决这些问题，聪明的程序猿发明了 BEM 命名法。 > > BEM 命名法，是对 css 命名的一种规范，将页面模块化，隔离样式，提高代码的复用性，减少后期的维护成本。BEM 的意思就是 Block(块)、Element(元素)、modifier(修饰符)，通过双下划线`__`或者双中划`–`链接。 > > BEM 通常用于框架开发中，比如微信 WEUI、饿了么 element-ui、有赞 vant 等。笔者也
设计开发,规范
more...
实现Vuex的min简单版本
1582 字6 分钟

实现Vuex的min简单版本

# vuex的基本使用 ```javascript //index.js import { createStore } from './gvuex.js' const store = createStore({ // 定义store的状态 state() { return { count: 1 } }, // 定义获取state状态数据的计算属性getters，以下的值都被认为是state的派生值 getters: { double(state) { return state.count
技术设计,前端,vue
more...