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扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
SpringMVC 中的 redirect 和 forward 区别阅读 1305
-
Spring Boot logback springProfile 区分部署环境阅读 5542
-
Spring Boot 配置文件中设置 List 和 Map阅读 5548
-
Android 使用 libphonenumber 库查询归属地阅读 4368
-
Python UnicodeDecodeError: 'gbk' codec can't decode byte 0x80阅读 3192
-
Spring Boot 配置文件中的默认值阅读 379
-
Android Monkey 测试阅读 2778
-
Vue2 生命周期阅读 55
-
Prometheus+Alertmanager 搭建告警系统阅读 922
-
Angular 相关知识点阅读 297