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>
阅读 527 · 发布于 2022-12-22
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓
昵称:
随便看看
换一批
-
Spring Boot OpenFeign PATCH 请求报错:java.net.ProtocolException: Invalid HTTP method: PATCH阅读 1549
-
Android 底部控件不受输入法影响被顶到上方阅读 2061
-
Linux scp 远程主机之间传输文件阅读 299
-
Vue i18n 国际化阅读 704
-
算法:二叉树的啮齿形层序遍历(蛇形遍历)阅读 1554
-
前端 Chrome 反《反调试》阅读 13910
-
Java 查看虚拟机日志阅读 151
-
Spring Boot 使用 Validated group 分组校验阅读 2375
-
curl 不打印返回值信息阅读 896
-
Kubernetes kubectl logs -f 过滤关键日志阅读 1871