标签 inject 下的文章

木灵鱼儿 1年前 vue 项目实战

pinia 5 大顶级技巧解析

前言pinia的作者最近在博客上放出了一篇pinia的使用文章：《My Top 5 Tips for using Pinia》，里面讲述了5个一般不怎么知道的使用技巧，但是由于讲的很浅，我这边自己理解了一下，做了一些解释，顺带记个笔记。不要创建无用的 getter这点我感同身受，在最初学习vuex的时候，前辈们总是会说，getter有缓存，性能会更好，于是，在大多数的教程中，我们总是能看到这种示例写法：export default Vuex.Store({ state: () => ({ counter: 0 }), getters: { ...

1725 4 0

inject pinia getter

vue3 全局挂载和调用的方式

木灵鱼儿 3年前 VUE3

vue3 全局挂载和调用的方式

全局挂载vue3 对全局挂载做了调整，对全局挂载的方法增加的命名空间，用于独立存放，所以原先通过原型挂载的方式不推荐使用了。import { createApp } from "vue"; const app = createApp({}) app.config.globalProperties.$http = () => {}组件内调用最麻烦的<script lang="ts"> import { defineComponent,getCurrentInstance } from "vue"; ex...

3715 0 0

provide inject vue3

跨层级获取组件实例

木灵鱼儿 4年前 vue 开发实战（完结）

跨层级获取组件实例

refref是vue预设的一个属性，通过$refs我们可以获取dom或者组件实例。<p ref="p">获取到dom</p> <child-component ref="child">获取到一个组件实例</child-component>通过this.$refs.p我们获取到的是html元素p的dom通过this.$refs.child获取的是组件child-component的实例。但是this只能获取到当前组件上下文的实例或者dom，但是如果我们跨层级获取，那就有点麻烦了。ref只能获取当前组件...

3418 0 0

vue provide inject

provide inject 跨组件传参 + 响应式数据

木灵鱼儿 4年前 vue 开发实战（完结）

provide inject 跨组件传参 + 响应式数据

父组件与子组件的传参，使用的是props，如果是父组件与孙子组件传参，大部分可能会采用递归的方式，也就是子组件props接收，然后再props传给孙子组件。或者使用vuex。但如果是迭代的方式，组件的层级越深，不断迭代的props会是代码越来越无法维护，冗余。于是官方出了provide inject。provide有父组件设置，inject由子组件接收，他们的特性：祖先组件不需要知道哪些后代组件使用它提供的属性后代组件不需要知道被注入的属性来自哪里例子：父组件<script> export default { provide: { foo: 'bar�...

4363 0 0

vue provide inject

标签：inject

pinia 5 大顶级技巧解析

vue3 全局挂载和调用的方式

跨层级获取组件实例

provide inject 跨组件传参 + 响应式数据

最近评论

博客文章RSS订阅

博客评论RSS订阅

登录

标签：inject

pinia 5 大顶级技巧解析

vue3 全局挂载和调用的方式

跨层级获取组件实例

provide inject 跨组件传参 + 响应式数据

最近评论

博客文章RSS订阅

博客评论RSS订阅