022.Vue3入门,注册全局组件,在任何页面直接使用

news/2024/9/22 13:44:01/文章来源:https://www.cnblogs.com/tianpan2019/p/18353011

1、main.js代码如下:

// import './assets/main.css'import {createApp} from 'vue'
import App from './App.vue'
import Config from "@/config.js";
import Testpage001 from "@/view/Testpage001.vue";const app = createApp(App);// 定义一个全局组件,名字为Global1
app.component('Global1', Testpage001);app.provide('Config', Config)
app.mount('#app')

2、App.vue代码如下:

<template><Global1/>
</template><script>
</script>

3、效果如下:

 4、浏览器显示

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/781089.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

021.Vue3入门,注册全局组件,在任何页面直接使用

1、main.js代码如下:// import ./assets/main.cssimport {createApp} from vue import App from ./App.vue import Config from "@/config.js"; import Testpage001 from "@/view/Testpage001.vue";const app = createApp(App);// 定义一个全局组件,名字为…

支付三大黑盒之三账务核心

各位小伙伴大家好! 这次给大家揭秘支付三大黑盒的最后一个“账务核心”(另外两个是清结算对账、支付引擎),这账务核心可能是其中门槛最高的,因为他既要懂会计知识,又有懂技术如何实现高性能的记账。 下面我就用大白话+图片的方式给大家来详细介绍支付系统最后一个黑盒“账…

Linux环境安装SQL Server 数据库

SQL Server在Linux 上的支持版本包括Red Hat Enterprise Linux(RHEL)、SUSE Linux Enterprise Server(SLES)和Ubuntu。 一、在虚拟机上安装RHEL操作系统 链接:https://pan.baidu.com/s/1567NfZRF48PBXfUqxumvDA 提取码:bm7u 1、在虚拟机中创建Red Hat7.9 点击创建新的虚拟机选…

全网最适合入门的面向对象编程教程:35 Python的内置数据类型-文档字符串和__doc__属性

在 Python 中,文档字符串(Docstring)是一种用于为模块、类、方法或函数编写文档的字符串,通常放置在定义的开头,紧跟在声明之后。文档字符串使用三重引号(""" 或 )包围,可以跨越多行。全网最适合入门的面向对象编程教程:35 Python 的内置数据类型-文档…

VDI/VDE 2634 Part2 2002:05

VDI/VDE 2634 2002:05 第二部分[!NOTE] 原始PDF链接:https://www.doc88.com/p-57887264529548.htmlOptical 3-D measuring systems Optical systems based on area scanning Preliminary note Optical 3-D measuring systems are used as universal measuring and test equipm…

vue2父子组建传递数据

父子组建通信代码demo 父页面 父页面编写handleUploadNew 接收子组建uploadNew 传上来的对象 父页面传递tempUrl 给子页面初始化数据 <Upload :temp-url="tempUrl" @uploadNew="handleUploadNew" /> 子组件里面<i class="el-icon-delete&qu…

021.Vue3入门,组件基础,显示一个经典的布局样式

1、一个经典的样式布局2、App.vue代码如下:<template><Header/><Main/><Aside/> </template><script> import Aside from "./view/Aside.vue"; import Main from "./view/Main.vue"; import Header from "./vie…

基于GWO灰狼优化的CNN-GRU的时间序列回归预测matlab仿真

1.算法运行效果图预览 (完整程序运行后无水印) 2.算法运行软件版本 matlab2022a3.部分核心程序 (完整版代码包含详细中文注释和操作步骤视频)a=2*(1-(t/Iters)); for i=1:Numfor j=1:dim r1 = rand; r2 = rand;A1 = 2*a*r1-a;%C1 = 2*r2; %D_a…

基于PSO粒子群优化的车间调度问题求解matlab仿真,输出甘特图

1.程序功能描述基于PSO粒子群优化的车间调度问题求解matlab仿真,输入不同机器,不同工作的完成时间,输出甘特图,输出收敛图。实现车间多机器,多任务最优并行调度。2.测试软件版本以及运行结果展示 MATLAB2022a版本运行 3.核心程序for iter = 1: Itersiterfor i=1:N_pso%V,X更…

基于智能电网系统的PQ并网控制器simulink建模与仿真

1.课题概述在simulink中,通过建模实现智能电网系统的PQ并网控制器,仿真输出PQ控制器的控制输出,以及智能电网的三相电压电流的收敛输出。2.系统仿真结果3.核心程序与模型 版本:MATLAB2022a 00054.系统原理简介介绍了基于智能电网系统的PQ并网控制器的原理和数学公式。首先…