小编mos*_*ony的帖子

如何app.config.globalProperties 访问<script setup lang="ts">？

我已经寻找了几种方法：就像这篇 SO post 一样，并尝试组合以下元素：

\\ main.ts

import mitt from 'mitt'
const emitter = mitt()

declare module '@vue/runtime-core' {
  export interface ComponentCustomProperties {
    emitter: typeof mitt
  }
}

app.config.globalProperties.emitter = emitter

尝试过在composition-api中使用包装..也不走运

\\ bus.ts

import { getCurrentInstance } from 'vue'

const app = getCurrentInstance()
const bus = app.appContext.config.globalProperties.emitter // app is undefined

export const useBus = () => ({ bus })

我是新手，NextJS但在 ReactJS 和 Webpack 方面有很好的经验。我的问题是 NextJS 提供了一个包'next/image'。我想非常深入地了解或理解为什么我应该使用他们的包来加载图像而不使用默认img标签。

在他们的文档中，他们说了这样一句话We can serve an optimized image like so。它们是什么意思Optimized Image以及为什么 ReactJS 或任何其他包不这样做？

我最近正在研究 Gnome shell 扩展。我查看了一些代码，如下所示：

const Lang = imports.lang;\n\nconst extension = new Lang.Class({...}\xef\xbc\x89\n

我在GJS中找不到任何有关Lang的信息。

相关的开发手册应该去哪里找？

我是 nuxt js 的新手，所以当我尝试添加 npm 包时，它不起作用，这些都是试验。

星雨.js

import Vue from 'vue'
import StarsRatings from 'vue-star-rating'
Vue.use(StarsRatings)

nuxt.config.js

    plugins: [{ src: '~/plugins/star-rating.js', mode: 'client' }],
    build: {
    /*
     ** You can extend webpack config here
     */
    extend(config, ctx) {},
    transpile: ['star-rating']
  }

它显示了这些错误

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This 
is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or 
missing <tbody>. Bailing hydration and performing full client-side render. …

我将创建一个像这张图片一样的头像。我怎样才能用CSS做到这一点？ 带有状态圈的头像