在 Vue.js 3 中，@vue/runtime-core 是一个核心模块，用于管理 Vue 应用的运行时环境和组件挂载。当在 Vue.js 项目中使用 @vue/runtime-core 属性时，它会在编译时生成一个名为 runtime-core.js 的文件，该文件包含了一些额外的运行时代码和方法，用于处理一些常见的 Vue 用例，如状态管理、指令和事件处理等。

@vue/runtime-core 模块扩展属性通常会通过注册的钩子函数在 Vue.js 的代码中进行引用。例如，以下是一个简单的示例，展示了一个在 @vue/runtime-core 上扩展属性的 Vue 组件：

```javascript import Vue from 'vue' import MyComponent from './MyComponent.vue'

Vue.config.productionTip = false

export default { setup() { const myProperty = 'MyProperty' const myMethod = () => { console.log(myProperty) }

// 注册 @vue/runtime-core 的一个属性扩展钩子
Vue.use(MyComponent.prototype, {
  myProperty: myProperty,
  myMethod: myMethod,
})

return {
  myProperty,
  myMethod,
}

}, } ```

在这个示例中，我们首先导入了 Vue.js 和一个名为 MyComponent 的 Vue 组件，并设置了 Vue 的生产提示信息。然后，我们注册了一个名为 myProperty 的属性扩展钩子，该钩子会在组件实例创建时被触发，当组件实例被创建并添加到 Vue 应用的实例时，会触发 myMethod 方法。

当我们在开发环境中运行这个 Vue 项目时，runtime-core.js 文件会被编译并生成。例如，当你运行 vue create my-project 创建一个新的 Vue 项目后，会生成一个名为 my-project-runtime-core.js 的文件，该文件包含了 @vue/runtime-core 模块的实现。

当你在 @vue/cli-service 或 vue.config.js 文件中添加 @vue/runtime-core 的属性扩展时，Vue.js 会通过以下步骤生成和注册这些扩展：

1. 首先，Vue CLI 将读取 vue.config.js 文件，并根据其中的 vue.runtime-core 配置参数将 @vue/runtime-core 添加到项目的依赖列表中。

2. 当在项目中引用 runtime-core.js 文件时，Vue CLI 将首先检查 @vue/runtime-core 是否已经在项目中注册。如果没有注册，Vue CLI 将在项目编译时使用 import 和 export 进行注册，并生成一个名为 runtime-core.js 的文件。

3. runtime-core.js 文件将包含 @vue/runtime-core 模块的实现，如 myProperty 和 myMethod 方法。这些方法将在 Vue.js 的应用中被注册和使用。

注意，@vue/runtime-core 模块的扩展属性是在 Vue.js 项目编译时生成的，并且仅在注册属性扩展时被使用。在项目运行时，Vue.js 会使用import和export进行全局属性的引入和使用，而不是通过扩展属性进行全局注册和管理。这是因为 Vue.js 是基于 JavaScript 的，它的运行时环境和组件挂载是在运行时创建和管理的，而全局属性的引入和使用是在编译时进行的。