Java OpenResty Spring Spring Boot MySQL Redis MongoDB PostgreSQL Linux Android Nginx 面试 小程序 Arthas JVM AQS juc Kubernetes Docker DevOps


Vue 全局组件

Vue 大约 628 字

定义全局组件

main.js文件中使用Vue.component()函数定义全局组件。

第一个参数:组件ID,同样也是标签名,用于在template中定义。

第二个参数:全局组件对象。

import Vue from 'vue'
import App from './App.vue'
// 导入需要定义为全局组件的 vue 对象
import MyComponent from "@/components/MyComponent.vue";

// 定义为全局组件
Vue.component("MyGlobalComponent", MyComponent)

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

使用全局组件

HelloWorld.vue组件的template中,使用MyGlobalComponent自定义全局组件。

<template>
  <div>
    <MyGlobalComponent></MyGlobalComponent>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
}
</script>
阅读 110 · 发布于 2022-12-22

————        END        ————

Give me a Star, Thanks:)

https://github.com/fendoudebb

扫描下方二维码关注公众号和小程序↓↓↓

扫描二维码关注我
昵称:
随便看看 换一批