首页 > 其他分享 >组件的使用:全局、私有

组件的使用:全局、私有

时间:2023-03-15 12:11:19浏览次数:39  
标签:Count vue 私有 Test 导入 components 组件 全局

全局组件使用

创建@/components/Count.vue,定义其内容

①main.js

导入

import Count from '@/components/Count.vue'

声明

Vue.component('myCount', Count) //这里的myCount才是在其他组件中能调用的名字
②App.vue
<myCount></myCount>

私有组件使用

先创建一个@/components/Test.vue

在App.vue中:导入、注册、标签调用

script导入、注册

<script>
// 1. 导入需要使用的 .vue 组件
import Test from '@/components/Test.vue'

  // 2. 注册组件
  components: {
    Left,
    Right,
    Test
  }
}
</script>

template标签调用

<template>
  <div >
      <!-- 3. 以标签形式,使用注册好的组件 -->
      <Test></Test>
  </div>
</template>

标签:Count,vue,私有,Test,导入,components,组件,全局
From: https://www.cnblogs.com/tupo/p/17218030.html

相关文章

  • JAVA物联网私有协议,自定义协议开发
    在当代物联网行业中,由于隐私和安全问题,很多的公司选择使用自定义的私有二进制协议。在C语言中,由于有结构体的加持,对象和字节数组转换起来就特别简单;但在java中,在没有原生支......
  • PyQt-Fluent-Widgets:一个 Fluent Design 风格的组件库
    简介这是一个使用PyQt/PySide编写的FluentDesign风格的组件库,包含最常用的组件,支持亮暗主题无缝切换。实际上此项目是从GrooveMusic项目剥离出来的子项目,github......
  • Kubernetes组件介绍
    一、APIserver1、APIServer是Kubernetes集群的网关,是能够与etcd通信惟一入口(1)kube-controller-manager、kube-scheduler、kubelet、kube-proxy,以及后续部署的集群插件Co......
  • pip下载安装库、模块慢,配置windows全局的国内源
    步骤windows+r打开命令行;输入%appdata%回车;在出现的文件夹中找到名称为pip的文件夹(没有则创建)创建pip.ini文件[global]timeout=6000index-url=http://pypi.......
  • 权限认证组件和自定义权限
    1.权限组件源码分析:  2.自定义权限超级用户类_app_auth.py:  3.在部分接口内局部添加超级用户权限_仅提供于超级用户查看:  4.在全部添加超级用户权限_......
  • [Vue3] 组件上的ref不能与组件名相同
    情景关键组件没有正确引入函数无限递归解决如果在网上搜索[Vuewarn]:Componentismissingtemplateorrenderfunction.或[Vuewarn]:Invalidvnodetype......
  • WSL2使用Git拉取私有库与go build
    WSL2感觉就是空壳,啥都没有,啥都要自己下...这个需求的主要原因是因为想在WSL2进入Windows下的Goproject目录运行gobuild,拿到二进制编译文件之后上传到线上服务器进行部......
  • springcloud与常用组件微量说明,部分组件已被最新的替代,这是netflix springcloud
    这篇文章是为了参加51cto的活动从语雀上我的笔记里拷贝下来的,笔记的内容是狂神的springcloud视频的笔记,其中详细的项目部分还在语雀上。有需要的可以跟我说,希望这篇文章可以......
  • 设置npm全局安装及缓存路径以及node.js环境配置
    安装目录下新建如下2个目录node_cache【缓存日志目录】node_module【默认安装目录】npmconfigsetprefix"D:\NodeJs\node_global"npmconfigsetcache"D:\No......
  • 区块链MetaMask钱包账户导入私有链
    区块链MetaMask钱包账户导入私有链在使用Geth成功搭建属于自己的私有链之后,我们还需要导入私有链中的钱包账号到区块链电子钱包软件上(例如MetaMask)来方便我们进行区块......